summaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-29 22:22:56 -0500
committerGitHub <noreply@github.com>2020-12-29 22:22:56 -0500
commitae36cccc361aaee4ea33cae4e37a1ad47f999a34 (patch)
tree079fd44bce933ecf04a4bc093bcb2fc47e7cf0e3 /ext
parent38709e219139484d0e1d41ad6f3014d7cb60ccdb (diff)
Fix button styles for action bar buttons (#1177)
* Fix button styles for action bar buttons * Fix button colors
Diffstat (limited to 'ext')
-rw-r--r--ext/mixed/css/display.css16
1 files changed, 13 insertions, 3 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 143e03b0..63eb6cb3 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -452,11 +452,19 @@ button.sidebar-button {
transition: background-color 0.125s ease-in-out;
outline: none;
font-size: inherit;
+ border-radius: 0;
+ box-shadow: none;
}
button.sidebar-button:disabled {
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);
}
button.sidebar-button:active:not(:disabled) {
@@ -465,7 +473,8 @@ button.sidebar-button:active:not(:disabled) {
button.sidebar-button.danger {
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);
}
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 {
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);
}
.sidebar-button-icon[data-icon=cross] {