Datepicker: 💄 css layer changes & remove extra border

navikt · Nov 20, 2024 · 7043ec4 · 7043ec4
1 parent 6678a47
commit 7043ec4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/@navikt/core/css/darkside/date.darkside.css b/@navikt/core/css/darkside/date.darkside.css
@@ -208,7 +208,9 @@
 }
 
 .navds-date__field-input {
-  padding-right: var(--ax-spacing-12);
+  &.navds-text-field__input {
+    padding-right: var(--ax-spacing-12);
+  }
 
   .navds-form-field--small & {
     padding-right: var(--ax-spacing-8);
@@ -288,8 +290,6 @@
   align-items: center;
   position: relative;
   width: fit-content;
-  border: 1px solid var(--ax-border-default);
-  border-radius: var(--ax-border-radius-medium);
 
   &:has(.navds-date__field-input:focus-visible) {
     border-radius: var(--ax-border-radius-medium);

diff --git a/@navikt/core/css/darkside/form/index.css b/@navikt/core/css/darkside/form/index.css
@@ -14,3 +14,6 @@
 @import "./combobox.darkside.css" layer(aksel.forms.component);
 @import "./form-summary.darkside.css" layer(aksel.forms.component);
 @import "./form-progress.darkside.css" layer(aksel.forms.component);
+
+/* TODO: remove this extra dot for date (shuffle code location) */
+@import "../date.darkside.css" layer(aksel.forms.components);
diff --git a/@navikt/core/css/darkside/index.css b/@navikt/core/css/darkside/index.css
@@ -36,7 +36,6 @@
 @import "./modal.darkside.css" layer(aksel.components);
 @import "./pagination.darkside.css" layer(aksel.components);
 @import "./popover.darkside.css" layer(aksel.components);
-@import "./date.darkside.css" layer(aksel.components);
 @import "./tag.darkside.css" layer(aksel.components);
 @import "./timeline.darkside.css" layer(aksel.components);
 @import "./tooltip.darkside.css" layer(aksel.components);