From b002a81a0e2c9dba5d6acdeffdda6ac33965a40c Mon Sep 17 00:00:00 2001 From: astrit Date: Thu, 23 Jan 2025 19:23:43 +0100 Subject: [PATCH] Make datepicker spinners to have fixed width so the sizing change doesnt affect the entire component --- .../src/components/datepicker/datepicker.styles.ts | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/libs/core/src/components/datepicker/datepicker.styles.ts b/libs/core/src/components/datepicker/datepicker.styles.ts index ffe168830d..b9ef0a27ff 100644 --- a/libs/core/src/components/datepicker/datepicker.styles.ts +++ b/libs/core/src/components/datepicker/datepicker.styles.ts @@ -23,7 +23,7 @@ export const styles = css` display: flex; align-items: center; justify-content: flex-start; - min-width: 10ch; + inline-size: 11ch; gap: var(--gds-space-4xs); font-size: var(--gds-text-size-detail-s); font-weight: var(--gds-text-weight-regular); @@ -36,9 +36,8 @@ export const styles = css` text-align: center; height: 100%; box-sizing: border-box; - border-radius: var(--gds-space-2xs); + /* border-radius: var(--gds-space-2xs); */ outline: none; - padding-inline: var(--gds-space-2xs); padding-block: var(--gds-space-3xs); text-transform: uppercase; line-height: 1; @@ -48,14 +47,6 @@ export const styles = css` background-color: var(--gds-color-l3-background-primary); color: var(--gds-color-l3-content-primary); } - - &[data-max-width='4'] { - width: calc(4ch + (var(--gds-space-2xs) * 2)); - } - - &[data-max-width='2'] { - width: calc(2ch + (var(--gds-space-2xs) * 2)); - } } } `