From 891fa886ce5b2d9c8753abbfe49f833ff35619a6 Mon Sep 17 00:00:00 2001 From: Kirill Revenkov Date: Thu, 4 Jul 2024 18:29:21 +0300 Subject: [PATCH] feat(Select): new label and value resize behaviour (#1694) --- .../Select/components/SelectClear/SelectClear.scss | 1 + .../Select/components/SelectControl/SelectControl.scss | 7 +++---- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Select/components/SelectClear/SelectClear.scss b/src/components/Select/components/SelectClear/SelectClear.scss index 3949b639ad..dc844d6a5a 100644 --- a/src/components/Select/components/SelectClear/SelectClear.scss +++ b/src/components/Select/components/SelectClear/SelectClear.scss @@ -10,6 +10,7 @@ $block: '.#{variables.$ns}select-clear'; align-items: center; margin-inline-start: auto; z-index: 1; + flex-shrink: 0; &:focus-visible { border: 1px solid var(--g-color-line-generic-active); diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss index 8fae1ea32f..b4c3e13f2a 100644 --- a/src/components/Select/components/SelectControl/SelectControl.scss +++ b/src/components/Select/components/SelectControl/SelectControl.scss @@ -116,8 +116,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%; @@ -213,10 +215,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,