Fix languages dropdown on light theme (#18460)

This commit is contained in:
Yamagishi Kazutoshi 2022-05-20 02:26:19 +09:00 committed by GitHub
parent 9a0fa28993
commit e925b06721
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -330,6 +330,7 @@ html {
.actions-modal ul li:not(:empty) a:focus button, .actions-modal ul li:not(:empty) a:focus button,
.actions-modal ul li:not(:empty) a:hover, .actions-modal ul li:not(:empty) a:hover,
.actions-modal ul li:not(:empty) a:hover button, .actions-modal ul li:not(:empty) a:hover button,
.language-dropdown__dropdown__results__item.active,
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a,
.simple_form .block-button, .simple_form .block-button,
.simple_form .button, .simple_form .button,
@ -337,6 +338,14 @@ html {
color: $white; color: $white;
} }
.language-dropdown__dropdown__results__item .language-dropdown__dropdown__results__item__common-name {
color: lighten($ui-base-color, 8%);
}
.language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name {
color: darken($ui-base-color, 12%);
}
.dropdown-menu__separator, .dropdown-menu__separator,
.dropdown-menu__item.edited-timestamp__history__item, .dropdown-menu__item.edited-timestamp__history__item,
.dropdown-menu__container__header, .dropdown-menu__container__header,
@ -371,13 +380,14 @@ html {
border: 1px solid lighten($ui-base-color, 8%); border: 1px solid lighten($ui-base-color, 8%);
} }
.reactions-bar__item { .reactions-bar__item:hover,
&:hover, .reactions-bar__item:focus,
&:focus, .reactions-bar__item:active,
&:active { .language-dropdown__dropdown__results__item:hover,
.language-dropdown__dropdown__results__item:focus,
.language-dropdown__dropdown__results__item:active {
background-color: $ui-base-color; background-color: $ui-base-color;
} }
}
.reactions-bar__item.active { .reactions-bar__item.active {
background-color: mix($white, $ui-highlight-color, 80%); background-color: mix($white, $ui-highlight-color, 80%);