Datepicker action button and fieldbase to only have multilne action b…

…utton margin top
seb-oss · Jan 16, 2025 · 53b5a11 · 53b5a11
1 parent 2010c2d
commit 53b5a11
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/libs/core/src/components/datepicker/datepicker.ts b/libs/core/src/components/datepicker/datepicker.ts
@@ -275,6 +275,7 @@ export class GdsDatepicker extends GdsFormControlElement<Date> {
           slot="action"
           size="small"
           rank="tertiary"
+          variant=${this.invalid ? 'negative' : ''}
           aria-label="${msg('Open calendar modal')}"
           aria-haspopup="menu"
           aria-expanded=${this.open}

diff --git a/libs/core/src/primitives/field-base/field-base.styles.ts b/libs/core/src/primitives/field-base/field-base.styles.ts
@@ -118,7 +118,7 @@ export const styles = css`
       block-size: var(--gds-space-l);
     }
 
-    slot[name='action']::slotted([gds-element]) {
+    .multiline slot[name='action']::slotted([gds-element]) {
       margin-top: -4px;
     }