NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-22 20:12:00 -06:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

#6372: Fix multi-select colors in dark mode

Browse Source
This commit is contained in:
checktheroads 2021-05-25 08:44:06 -07:00
parent 5b68a11f01
commit 1daee79095
5 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox-dark.css vendored
View File

Binary file not shown.

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

File diff suppressed because one or more lines are too long

BIN
netbox/project-static/dist/netbox-light.css vendored
View File

Binary file not shown.

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

File diff suppressed because one or more lines are too long

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

@ -19,18 +19,20 @@ $spacing-s: $input-padding-x;
--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}; --nbx-select-placeholder-color: #{$gray-500};
--nbx-select-value-color: #{$white};
& 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}; --nbx-select-placeholder-color: #{$gray-500};
--nbx-select-value-color: #{$black};
} }
} }
div.form-floating div.ss-main div.ss-single-selected, div.form-floating div.ss-main div.ss-single-selected,
div.form-floating div.ss-main div.ss-multi-selected { div.form-floating div.ss-main div.ss-multi-selected {
height: $form-floating-height; min-height: $form-floating-height;
} }
@import './node_modules/slim-select/src/slim-select/slimselect.scss'; @import './node_modules/slim-select/src/slim-select/slimselect.scss';
@ -89,6 +91,10 @@ div.form-floating div.ss-main div.ss-multi-selected {
.ss-disabled { .ss-disabled {
padding: 4px 0px; padding: 4px 0px;
} }
.ss-value {
border-radius: $badge-border-radius;
color: var(--nbx-select-value-color);
}
} }
.ss-add { .ss-add {
margin: 0 0.75rem; margin: 0 0.75rem;