mirror/netbox-community-netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00
Code Activity

fix select styles

Browse Source
This commit is contained in:
checktheroads
2021-04-26 00:56:50 -07:00
parent 10d1378277
commit 77bb9eaa73
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
netbox/project-static/dist/netbox.css vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/netbox.css.map vendored
View File

File diff suppressed because one or more lines are too long

9
netbox/project-static/select.scss
View File

@ -14,15 +14,17 @@ $spacing-m: $input-padding-x;
$spacing-s: $input-padding-x; $spacing-s: $input-padding-x;
:root { :root {
--nbx-select-content-bg: null; --nbx-select-content-bg: #{$form-select-bg};
--nbx-select-option-selected-bg: #{$gray-300}; --nbx-select-option-selected-bg: #{$gray-300};
--nbx-select-option-hover-bg: #{$blue}; --nbx-select-option-hover-bg: #{$blue};
--nbx-select-option-hover-color: #{$white}; --nbx-select-option-hover-color: #{$white};
--nbx-select-placeholder-color: #{$gray-500};
& body[data-netbox-color-mode='dark'] { & body[data-netbox-color-mode='dark'] {
--nbx-select-content-bg: #{$gray-900}; --nbx-select-content-bg: #{$gray-900};
--nbx-select-option-selected-bg: #{$gray-500}; --nbx-select-option-selected-bg: #{$gray-500};
--nbx-select-option-hover-bg: #{$blue-200}; --nbx-select-option-hover-bg: #{$blue-200};
--nbx-select-option-hover-color: #{color-contrast($blue-200)}; --nbx-select-option-hover-color: #{color-contrast($blue-200)};
--nbx-select-placeholder-color: #{$gray-500};
} }
} }
@ -55,6 +57,11 @@ div.form-floating div.ss-main div.ss-multi-selected {
} }
} }
div.ss-multi-selected .ss-values .ss-disabled,
div.ss-single-selected span.placeholder .ss-disabled {
color: var(--nbx-select-placeholder-color);
}
.ss-single-selected { .ss-single-selected {
background-color: $form-select-bg; background-color: $form-select-bg;
span.ss-arrow { span.ss-arrow {