From 48f9619e2c31dedd3e1de1221a86963f49a0c9a4 Mon Sep 17 00:00:00 2001 From: Mikhail Eshchenko Date: Mon, 25 Dec 2023 23:27:04 +0700 Subject: [PATCH 1/2] fix(Select): fix wrong clear styles --- .../components/SelectControl/SelectControl.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss index 65badb2b24..8124ede3f4 100644 --- a/src/components/Select/components/SelectControl/SelectControl.scss +++ b/src/components/Select/components/SelectControl/SelectControl.scss @@ -139,6 +139,13 @@ $blockButton: '.#{variables.$ns-new}select-control__button'; &_view_clear { border-color: transparent; + + &::before { + border-color: transparent; + } + &::after { + border-color: transparent; + } } &_size_s { @@ -178,12 +185,12 @@ $blockButton: '.#{variables.$ns-new}select-control__button'; } } - &:not(&_error):not(&_disabled):hover::before { + &:not(&_error):not(&_disabled):not(&_view_clear):hover::before { border-color: var(--g-color-line-generic-hover); } - &_open:not(&_error)::before, - &:not(&_error):focus-visible::before { + &_open:not(&_error):not(&_view_clear)::before, + &:not(&_error):not(&_view_clear):focus-visible::before { border-color: var(--g-color-line-generic-active); } } From 987877718c08c76d0716968d96e749a63bf847fe Mon Sep 17 00:00:00 2001 From: Mikhail Eshchenko Date: Tue, 26 Dec 2023 02:09:07 +0700 Subject: [PATCH 2/2] fix(Select): fix wrong clear styles --- .../Select/components/SelectControl/SelectControl.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss index 8124ede3f4..1144b25c34 100644 --- a/src/components/Select/components/SelectControl/SelectControl.scss +++ b/src/components/Select/components/SelectControl/SelectControl.scss @@ -190,7 +190,7 @@ $blockButton: '.#{variables.$ns-new}select-control__button'; } &_open:not(&_error):not(&_view_clear)::before, - &:not(&_error):not(&_view_clear):focus-visible::before { + &:not(&_error):focus-visible::before { border-color: var(--g-color-line-generic-active); } }