From 5137d882cf88ddd1737f71cf587aa7798e60c4fa Mon Sep 17 00:00:00 2001 From: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com> Date: Fri, 9 Feb 2024 10:36:54 -0800 Subject: [PATCH] Fix highlight in CountryCodeSelect --- stylesheets/components/CountryCodeSelect.scss | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/stylesheets/components/CountryCodeSelect.scss b/stylesheets/components/CountryCodeSelect.scss index 876343064a80..38483058e643 100644 --- a/stylesheets/components/CountryCodeSelect.scss +++ b/stylesheets/components/CountryCodeSelect.scss @@ -49,13 +49,13 @@ } &__Modal__body { - padding-inline: 16px; + padding-inline: 10px; padding-block: 16px 0; } &__Modal__Search__container.module-SearchInput__container { margin-block: 8px; - margin-inline: 0; + margin-inline: 10px; } &__table { @@ -82,10 +82,11 @@ align-items: center; height: 40px; - padding-inline: 8px; + padding-inline: 14px; + border-radius: 8px; - @include keyboard-mode { - &:focus { + @include mouse-mode { + &:hover { @include light-theme { background-color: $color-black-alpha-06; } @@ -94,6 +95,12 @@ } } } + + @include keyboard-mode { + &:focus { + box-shadow: inset 0px 0px 0px 2px $color-ultramarine; + } + } } &__CountryButton__name {