diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-02-20 17:09:58 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-20 17:09:58 -0500 |
| commit | 7315ecdd1ae36df20b36ca3102359e9c64270154 (patch) | |
| tree | f192879670f4d6da97a94bd50a5e49a91c13b9de /ext/css/display.css | |
| parent | b9e92a2528ff7cf85fb56ab4bc3b23eea4d512e2 (diff) | |
Refactor styles (#1425)
* Replace :not(:disabled) styles
* Use var for style
* Update active styles
* Update disabled styles for <input> elements
* Update button disabled styles
* Add focus styles to checkbox
* Update style name
Diffstat (limited to 'ext/css/display.css')
| -rw-r--r-- | ext/css/display.css | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/ext/css/display.css b/ext/css/display.css index 2e789cb7..44b607ee 100644 --- a/ext/css/display.css +++ b/ext/css/display.css @@ -498,23 +498,27 @@ button.sidebar-button:active, button.sidebar-button:focus { box-shadow: none; } -button.sidebar-button:hover:not(:disabled), -button.sidebar-button:focus:not(:disabled) { +button.sidebar-button:hover, +button.sidebar-button:focus { background-color: var(--sidebar-button-background-color-hover); } -button.sidebar-button:active:not(:disabled) { +button.sidebar-button:active { background-color: var(--sidebar-button-background-color-active); } button.sidebar-button.danger { background-color: var(--sidebar-button-danger-background-color); } -button.sidebar-button.danger:hover:not(:disabled), -button.sidebar-button.danger:focus:not(:disabled) { +button.sidebar-button.danger:hover, +button.sidebar-button.danger:focus { background-color: var(--sidebar-button-danger-background-color-hover); } -button.sidebar-button.danger:active:not(:disabled) { +button.sidebar-button.danger:active { background-color: var(--sidebar-button-danger-background-color-active); } +button.sidebar-button:disabled, +button.sidebar-button.danger:disabled { + background-color: var(--sidebar-button-background-color); +} .sidebar-button-icon { --icon-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size); @@ -524,7 +528,8 @@ button.sidebar-button.danger:active:not(:disabled) { background-color: var(--sidebar-button-icon-color); transition: background-color 0.125s ease-in-out; } -button.sidebar-button:disabled .sidebar-button-icon { +button.sidebar-button:disabled .sidebar-button-icon, +button.sidebar-button.danger:disabled .sidebar-button-icon { background-color: var(--sidebar-button-disabled-icon-color); } button.sidebar-button.danger:hover .sidebar-button-icon, |