alex/yomichan
1
Fork 0
Code Releases Activity

Fix button styles for action bar buttons (#1177)

Browse Source 
* Fix button styles for action bar buttons

* Fix button colors
This commit is contained in:
toasted-nutbread 2020-12-29 22:22:56 -05:00 committed by GitHub
parent 38709e2191
commit ae36cccc36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ext/mixed/css/display.css
View File

@ -452,11 +452,19 @@ button.sidebar-button {
transition: background-color 0.125s ease-in-out; transition: background-color 0.125s ease-in-out;
outline: none; outline: none;
font-size: inherit; font-size: inherit;
border-radius: 0;
box-shadow: none;
} }
button.sidebar-button:disabled { button.sidebar-button:disabled {
cursor: default; cursor: default;
} }
button.sidebar-button:hover:not(:disabled) { button.sidebar-button:hover,
button.sidebar-button:active,
button.sidebar-button:focus {
box-shadow: none;
}
button.sidebar-button:hover:not(:disabled),
button.sidebar-button:focus:not(:disabled) {
background-color: var(--sidebar-button-background-color-hover); background-color: var(--sidebar-button-background-color-hover);
} }
button.sidebar-button:active:not(:disabled) { button.sidebar-button:active:not(:disabled) {
@ -465,7 +473,8 @@ button.sidebar-button:active:not(:disabled) {
button.sidebar-button.danger { button.sidebar-button.danger {
background-color: var(--sidebar-button-danger-background-color); background-color: var(--sidebar-button-danger-background-color);
} }
button.sidebar-button.danger:hover:not(:disabled) { button.sidebar-button.danger:hover:not(:disabled),
button.sidebar-button.danger:focus:not(:disabled) {
background-color: var(--sidebar-button-danger-background-color-hover); background-color: var(--sidebar-button-danger-background-color-hover);
} }
button.sidebar-button.danger:active:not(:disabled) { button.sidebar-button.danger:active:not(:disabled) {
@ -489,7 +498,8 @@ button.sidebar-button.danger:active:not(:disabled) {
button.sidebar-button:disabled .sidebar-button-icon { button.sidebar-button:disabled .sidebar-button-icon {
background-color: var(--sidebar-button-disabled-icon-color); background-color: var(--sidebar-button-disabled-icon-color);
} }
button.sidebar-button.danger:hover .sidebar-button-icon { button.sidebar-button.danger:hover .sidebar-button-icon,
button.sidebar-button.danger:focus .sidebar-button-icon {
background-color: var(--sidebar-button-danger-icon-color); background-color: var(--sidebar-button-danger-icon-color);
} }
.sidebar-button-icon[data-icon=cross] { .sidebar-button-icon[data-icon=cross] {