diff options
| author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-10-17 14:50:00 +0300 |
|---|---|---|
| committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-10-17 14:50:00 +0300 |
| commit | 22d34d944b7f97ae9c25e490a5b69ce186ba4930 (patch) | |
| tree | 21a17b1210c3d0848b67537fe263092291f8717a | |
| parent | 116c00c4d10a9f2b4077e68ee5e753bb7589f92d (diff) | |
| download | webui-vue-22d34d944b7f97ae9c25e490a5b69ce186ba4930.tar.xz | |
fix table filter
| -rw-r--r-- | src/assets/styles/bmc/_sila/_dropdown.scss | 4 | ||||
| -rw-r--r-- | src/env/assets/styles/_sila.scss | 4 |
2 files changed, 7 insertions, 1 deletions
diff --git a/src/assets/styles/bmc/_sila/_dropdown.scss b/src/assets/styles/bmc/_sila/_dropdown.scss index 5943e10d..f0ae4697 100644 --- a/src/assets/styles/bmc/_sila/_dropdown.scss +++ b/src/assets/styles/bmc/_sila/_dropdown.scss @@ -41,7 +41,9 @@ .table-filter { .dropdown-item { &:hover { - background-color: gray("200"); + @include themify($themes) { + background-color: themed("filter-item-hover"); + } } &:active { background-color: gray("300"); diff --git a/src/env/assets/styles/_sila.scss b/src/env/assets/styles/_sila.scss index 2471aa21..625f4a0f 100644 --- a/src/env/assets/styles/_sila.scss +++ b/src/env/assets/styles/_sila.scss @@ -109,6 +109,7 @@ $btn-secondary: rgb(26 62 91 / 15%); $dropdown-border: rgb(37 34 34 / 19%); $toast-success-bg: #ecf8eb; +$filter-item-hover: #e6e6e6; // Dark theme $red-5-dark: rgba(225, 23, 23, 0.1); /* Faint Brand Primary/5% */ $red-40-dark: rgba(225, 23, 23, 0.5); /* Faint Brand Primary/40% */ @@ -144,6 +145,7 @@ $dropdown-bacground-dark: #2e4c66; $dropdown-border-dark: #253448; $toast-success-bg-dark: #304349; +$filter-item-hover-dark: #fc2a2a6e; $themes: ( light: ( surface-primary: $surface-primary, @@ -177,6 +179,7 @@ $themes: ( dropdown-border: $dropdown-border, btn-secondary: $btn-secondary, toast-success: $toast-success-bg, + filter-item-hover: $filter-item-hover, ), dark: ( surface-primary: $surface-primary-dark, @@ -210,6 +213,7 @@ $themes: ( dropdown-border: $dark, btn-secondary: $btn-secondary-dark, toast-success: $toast-success-bg-dark, + filter-item-hover: $filter-item-hover-dark, ), ); |