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

#6797: Fix API select styles

Browse Source
This commit is contained in:
checktheroads
2021-07-24 18:11:01 -07:00
parent 4489e130f2
commit 0b80d85c6c
9 changed files with 57 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
netbox/project-static/styles/select.scss
View File

@@ -21,7 +21,7 @@ $spacing-s: $input-padding-x;
--nbx-select-option-hover-color: #{$white};
--nbx-select-placeholder-color: #{$gray-600};
--nbx-select-value-color: #{$white};
& body[data-netbox-color-mode='dark'] {
&[data-netbox-color-mode='dark'] {
// Dark Mode Variables.
--nbx-select-content-bg: #{$gray-900};
--nbx-select-option-selected-bg: #{$gray-500};
@@ -100,23 +100,34 @@ $spacing-s: $input-padding-x;
.ss-content {
background-color: var(--nbx-select-content-bg);
.ss-list {
.ss-option.ss-option-selected {
background-color: var(--nbx-select-option-selected-bg);
color: $body-color;
}
.ss-option:hover {
background-color: var(--nbx-select-option-hover-bg);
color: var(--nbx-select-option-hover-color);
}
.ss-option:last-child {
border-bottom-left-radius: $form-select-border-radius;
border-bottom-right-radius: $form-select-border-radius;
}
.ss-option.ss-disabled {
background-color: transparent;
}
.ss-option.ss-disabled:hover {
color: $form-select-disabled-color;
.ss-option {
&.ss-option-selected {
background-color: var(--nbx-select-option-selected-bg);
color: $body-color;
}
&:hover {
background-color: var(--nbx-select-option-hover-bg);
color: var(--nbx-select-option-hover-color);
}
&:last-child {
border-bottom-left-radius: $form-select-border-radius;
border-bottom-right-radius: $form-select-border-radius;
}
&.ss-disabled {
background-color: transparent;
&:hover {
color: $form-select-disabled-color;
}
}
.depth {
// Lighten the dash prefix on nested options.
opacity: 0.3;
}
}
}
border-bottom-left-radius: $form-select-border-radius;