summaryrefslogtreecommitdiff
path: root/ext/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-20 17:09:58 -0500
committerGitHub <noreply@github.com>2021-02-20 17:09:58 -0500
commit7315ecdd1ae36df20b36ca3102359e9c64270154 (patch)
treef192879670f4d6da97a94bd50a5e49a91c13b9de /ext/css/display.css
parentb9e92a2528ff7cf85fb56ab4bc3b23eea4d512e2 (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.css19
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,