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

fix select styles

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -14,15 +14,17 @@ $spacing-m: $input-padding-x;
$spacing-s: $input-padding-x;
:root {
--nbx-select-content-bg: null;
--nbx-select-content-bg: #{$form-select-bg};
--nbx-select-option-selected-bg: #{$gray-300};
--nbx-select-option-hover-bg: #{$blue};
--nbx-select-option-hover-color: #{$white};
--nbx-select-placeholder-color: #{$gray-500};
& body[data-netbox-color-mode='dark'] {
--nbx-select-content-bg: #{$gray-900};
--nbx-select-option-selected-bg: #{$gray-500};
--nbx-select-option-hover-bg: #{$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 {
background-color: $form-select-bg;
span.ss-arrow {