Make datepicker spinners to have fixed width so the sizing change doe…

…snt affect the entire component
seb-oss · Jan 23, 2025 · b002a81 · b002a81
1 parent 3ab0f11
commit b002a81
Showing 1 changed file with 2 additions and 11 deletions.
diff --git 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));
-      }
     }
   }
 `