diff options
| author | Henk Verlinde <henk@ventizo.com> | 2022-03-30 12:50:17 +0300 |
|---|---|---|
| committer | Henk Verlinde <henk@ventizo.com> | 2022-03-30 12:50:17 +0300 |
| commit | 20eb2a22fda914726067c4e5c0b8b79d9ab5b4ec (patch) | |
| tree | 16a1425c228697c1c083c6d59e85a221e9e806cc | |
| parent | 3a1a372644998652ce15e5885abfb9db192313f2 (diff) | |
ux: update dropdown dark mode
| -rw-r--r-- | assets/scss/common/_dark.scss | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 7608aa4..4694fd5 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -528,20 +528,31 @@ $navbar-dark-active-color: $link-color-dark; } } -[data-dark-mode] .dropdown-menu.dropdown-menu-main { +[data-dark-mode] .dropdown-menu { background: $body-overlay-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item { +[data-dark-mode] .dropdown-menu .dropdown-item { color: $body-color-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item:hover { +[data-dark-mode] .dropdown-menu .dropdown-item:hover { color: $link-color-dark; + background: $body-bg-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item.active { +[data-dark-mode] .dropdown-menu .dropdown-item.active, +[data-dark-mode] .dropdown-menu .dropdown-item:focus { color: $link-color-dark; + background: $body-bg-dark; +} + +[data-dark-mode] .doks-navbar .dropdown-item.current, +[data-dark-mode] .doks-subnavbar .dropdown-item.current { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23dee2e6' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 1rem top 0.6rem; + background-size: 0.75rem 0.75rem; } [data-dark-mode] details { |