feat(Select): new label and value resize behaviour (#1896)

Co-authored-by: Valerii Sidorenko <[email protected]>
gravity-ui · Nov 27, 2024 · 2be5eb8 · 2be5eb8
1 parent 704f53b
commit 2be5eb8
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 24 deletions.
diff --git a/...t.tsx-snapshots/Select-control-with-parent-flex-basis-0-dark-chromium-linux.png b/...t.tsx-snapshots/Select-control-with-parent-flex-basis-0-dark-chromium-linux.png
diff --git a/...est.tsx-snapshots/Select-control-with-parent-flex-basis-0-dark-webkit-linux.png b/...est.tsx-snapshots/Select-control-with-parent-flex-basis-0-dark-webkit-linux.png
diff --git a/....tsx-snapshots/Select-control-with-parent-flex-basis-0-light-chromium-linux.png b/....tsx-snapshots/Select-control-with-parent-flex-basis-0-light-chromium-linux.png
diff --git a/...st.tsx-snapshots/Select-control-with-parent-flex-basis-0-light-webkit-linux.png b/...st.tsx-snapshots/Select-control-with-parent-flex-basis-0-light-webkit-linux.png
diff --git a/src/components/Select/__tests__/Select.visual.test.tsx b/src/components/Select/__tests__/Select.visual.test.tsx
diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss
@@ -100,8 +100,10 @@ $blockButton: '.#{variables.$ns}select-control__button';
         @include mixins.button-reset();
         @include mixins.pin($blockButton, ('::before', '::after'), var(--_--border-radius));
 
-        display: inline-flex;
+        display: inline-grid;
+        grid-template-columns: auto auto;
         align-items: center;
+        justify-content: flex-start;
         overflow: hidden;
         width: 100%;
         height: 100%;
@@ -197,10 +199,7 @@ $blockButton: '.#{variables.$ns}select-control__button';
         @include mixins.text-accent;
         @include mixins.overflow-ellipsis();
 
-        flex-shrink: 0;
-        max-width: 50%;
         margin-inline-end: 4px;
-        white-space: nowrap;
     }
 
     &__placeholder,