From 7f02b9436b2e90d0738eadaf75fee76685177d0d Mon Sep 17 00:00:00 2001 From: checktheroads Date: Sun, 14 Mar 2021 17:31:42 -0700 Subject: [PATCH] fix styling when element is not in a form-floating div --- netbox/project-static/select.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/netbox/project-static/select.scss b/netbox/project-static/select.scss index a017cf5a9..2c0c3873f 100644 --- a/netbox/project-static/select.scss +++ b/netbox/project-static/select.scss @@ -1,4 +1,4 @@ -$height: $form-floating-height; +$height: $input-height; $white: $white; $font-color: $input-color; $font-placeholder-color: $input-placeholder-color; @@ -11,6 +11,11 @@ $spacing-l: $input-padding-x; $spacing-m: $input-padding-x; $spacing-s: $input-padding-x; +div.form-floating div.ss-main div.ss-single-selected, +div.form-floating div.ss-main div.ss-multi-selected { + height: $form-floating-height; +} + @import './node_modules/slim-select/src/slim-select/slimselect.scss'; .ss-main { @@ -42,8 +47,12 @@ $spacing-s: $input-padding-x; align-items: center; padding-left: $input-padding-x; padding-right: $input-padding-x; - .ss-values .ss-disabled { - padding: 4px 0px; + + .ss-values { + padding-top: $spacer * 2 !important; + .ss-disabled { + padding: 4px 0px; + } } .ss-add { margin: 0 0.75rem;