diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-12-30 23:00:52 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-30 23:00:52 -0500 |
| commit | 32f233acfd3a48db1b8afeba9695cd6a93883e94 (patch) | |
| tree | 582d1ffa985537645ae01be474bab1ee3fb85fed /ext/mixed/css | |
| parent | 4650f0b5426c07e1aca3bec2a07607556a1e1f34 (diff) | |
Fix display notification close button style (#1185)
Diffstat (limited to 'ext/mixed/css')
| -rw-r--r-- | ext/mixed/css/display.css | 20 | ||||
| -rw-r--r-- | ext/mixed/css/material.css | 1 |
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 */ |