fix styling when element is not in a form-floating div

This commit is contained in:
checktheroads 2021-03-14 17:31:42 -07:00
parent a237725d0d
commit 7f02b9436b

View File

@ -1,4 +1,4 @@
$height: $form-floating-height; $height: $input-height;
$white: $white; $white: $white;
$font-color: $input-color; $font-color: $input-color;
$font-placeholder-color: $input-placeholder-color; $font-placeholder-color: $input-placeholder-color;
@ -11,6 +11,11 @@ $spacing-l: $input-padding-x;
$spacing-m: $input-padding-x; $spacing-m: $input-padding-x;
$spacing-s: $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'; @import './node_modules/slim-select/src/slim-select/slimselect.scss';
.ss-main { .ss-main {
@ -42,9 +47,13 @@ $spacing-s: $input-padding-x;
align-items: center; align-items: center;
padding-left: $input-padding-x; padding-left: $input-padding-x;
padding-right: $input-padding-x; padding-right: $input-padding-x;
.ss-values .ss-disabled {
.ss-values {
padding-top: $spacer * 2 !important;
.ss-disabled {
padding: 4px 0px; padding: 4px 0px;
} }
}
.ss-add { .ss-add {
margin: 0 0.75rem; margin: 0 0.75rem;
} }