Преглед изворни кода

#6372: Fix multi-select colors in dark mode

checktheroads пре 4 година
родитељ
комит
1daee79095

Разлика између датотеке није приказан због своје велике величине
+ 0 - 0
netbox/project-static/dist/netbox-dark.css


Разлика између датотеке није приказан због своје велике величине
+ 0 - 0
netbox/project-static/dist/netbox-dark.css.map


Разлика између датотеке није приказан због своје велике величине
+ 0 - 0
netbox/project-static/dist/netbox-light.css


Разлика између датотеке није приказан због своје велике величине
+ 0 - 0
netbox/project-static/dist/netbox-light.css.map


+ 7 - 1
netbox/project-static/select.scss

@@ -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;

Неке датотеке нису приказане због велике количине промена