Fix highlight in CountryCodeSelect
This commit is contained in:
parent
9a50eb8663
commit
5137d882cf
1 changed files with 12 additions and 5 deletions
|
@ -49,13 +49,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__Modal__body {
|
&__Modal__body {
|
||||||
padding-inline: 16px;
|
padding-inline: 10px;
|
||||||
padding-block: 16px 0;
|
padding-block: 16px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__Modal__Search__container.module-SearchInput__container {
|
&__Modal__Search__container.module-SearchInput__container {
|
||||||
margin-block: 8px;
|
margin-block: 8px;
|
||||||
margin-inline: 0;
|
margin-inline: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__table {
|
&__table {
|
||||||
|
@ -82,10 +82,11 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding-inline: 8px;
|
padding-inline: 14px;
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
@include keyboard-mode {
|
@include mouse-mode {
|
||||||
&:focus {
|
&:hover {
|
||||||
@include light-theme {
|
@include light-theme {
|
||||||
background-color: $color-black-alpha-06;
|
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 {
|
&__CountryButton__name {
|
||||||
|
|
Loading…
Reference in a new issue