aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css
diff options
context:
space:
mode:
Diffstat (limited to 'ext/mixed/css')
-rw-r--r--ext/mixed/css/display.css20
-rw-r--r--ext/mixed/css/material.css1
2 files changed, 8 insertions, 13 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 4c06e492..b4de7134 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -1447,7 +1447,10 @@ button.action-button[data-icon=source-term]::before {
flex: 1 1 auto;
padding-right: 0.5em;
}
-.footer-notification-close-button {
+button.footer-notification-close-button,
+button.footer-notification-close-button:focus,
+button.footer-notification-close-button:hover,
+button.footer-notification-close-button:active {
flex: 0 0 auto;
background-color: transparent;
margin: -0.25em;
@@ -1456,21 +1459,12 @@ button.action-button[data-icon=source-term]::before {
outline: none;
cursor: pointer;
font-size: inherit;
+ box-shadow: none;
}
.footer-notification-close-button-icon {
display: block;
- width: calc(12em / var(--font-size-no-units));
- height: calc(12em / var(--font-size-no-units));
- mask-repeat: no-repeat;
- mask-position: center center;
- mask-mode: alpha;
- mask-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size);
- mask-image: url(/mixed/img/cross.svg);
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center center;
- -webkit-mask-mode: alpha;
- -webkit-mask-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size);
- -webkit-mask-image: url(/mixed/img/cross.svg);
+ width: calc(16em / var(--font-size-no-units));
+ height: calc(16em / var(--font-size-no-units));
background-color: var(--notification-text-color);
}
diff --git a/ext/mixed/css/material.css b/ext/mixed/css/material.css
index cb6997ad..3adf4803 100644
--- a/ext/mixed/css/material.css
+++ b/ext/mixed/css/material.css
@@ -181,6 +181,7 @@
.icon[data-icon=collapse] { --icon-image: url(/mixed/img/collapse.svg); }
.icon[data-icon=expand] { --icon-image: url(/mixed/img/expand.svg); }
.icon[data-icon=window] { --icon-image: url(/mixed/img/window.svg); }
+.icon[data-icon=cross] { --icon-image: url(/mixed/img/cross.svg); }
/* Checkbox */