From 0564fc09d3ea46d78cc4e454f52aefeca68b73e2 Mon Sep 17 00:00:00 2001 From: aschaap <8865084+aschaap@users.noreply.github.com> Date: Wed, 7 Apr 2021 02:39:48 -0400 Subject: Reducing tag input excessive padding; fixes #3915 (#3927) * Removed !important and added rules to style tags input; fixes #3915 * Simplifying what @rigelk was achieving with !important in 149e4cc * Compressed CSS selectors Co-authored-by: Rigel Kent Co-authored-by: Rigel Kent --- client/src/sass/ng-select.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'client/src/sass') diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss index 54c805ccf..13fc1d6c2 100644 --- a/client/src/sass/ng-select.scss +++ b/client/src/sass/ng-select.scss @@ -11,7 +11,7 @@ $ng-select-highlight: #f2690d; $ng-select-box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); // $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default; $ng-select-height: 30px; -// $ng-select-value-padding-left: 10px !default; +$ng-select-value-padding-left: 15px; // $ng-select-value-font-size: 0.9em !default; @import "~@ng-select/ng-select/scss/default.theme.scss"; @@ -20,11 +20,6 @@ $ng-select-height: 30px; font-size: .9em; } -.ng-input, -.ng-select .ng-select-container .ng-value-container { - padding-left: 15px !important; -} - .ng-select { &.ng-select-focused { &:not(.ng-select-opened) > .ng-select-container { @@ -44,4 +39,11 @@ $ng-select-height: 30px; &.ng-select-single .ng-value-container .ng-value { color: pvar(--inputForegroundColor); } + + &.ng-select-multiple .ng-select-container .ng-value-container { + padding-left: 12px; + .ng-value { + margin-left: 3px; + } + } } -- cgit v1.2.3