feat(dropdown-select): mobile optimisation (#1215)

telekom · Oct 27, 2022 · 8dc1fa4 · 8dc1fa4
1 parent 52e8367
commit 8dc1fa4
Show file tree

Hide file tree

Showing 17 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/components/dropdown-select/dropdown-select.css b/packages/components/src/components/dropdown-select/dropdown-select.css
@@ -1,6 +1,6 @@
 :host {
   --font-weight: var(--telekom-typography-font-weight-bold);
-  --height: var(--telekom-spacing-unit-x12);
+  --height: var(--telekom-spacing-unit-x11);
   --color: var(--telekom-color-text-and-icon-standard);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: none;
@@ -56,10 +56,11 @@
   --font-weight-label: var(--telekom-typography-font-weight-medium);
   --font-size-label-focus: var(--telekom-typography-font-size-footnote);
   --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
+  --line-height-label: var(--telekom-typography-font-size-body);
   --line-height-label-animated: var(--telekom-typography-font-size-small);
   --transform-label: translate(
     var(--spacing-x),
-    calc((var(--telekom-spacing-unit-x12) - var(--font-size-label)) / 2)
+    calc((var(--telekom-spacing-unit-x11) - var(--font-size-label)) / 2)
   );
   --transform-label-animated: translate(
     var(--spacing-x),
@@ -218,6 +219,7 @@
   font-size: var(--font-size-label);
   transform: var(--transform-label);
   font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
 }
 
 [part~='animated'] [part='label'] {

diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png
diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png
diff --git a/...napshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png b/...napshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png
diff --git a/...napshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png b/...napshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png
diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png
diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png
diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png
diff --git a/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png b/...shots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png
diff --git a/...apshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png b/...apshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png
diff --git a/...apshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png b/...apshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png
diff --git a/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png b/...hots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png