1
0
Fork 0

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 <par@rigelk.eu>

Co-authored-by: Rigel Kent <par@rigelk.eu>
This commit is contained in:
aschaap 2021-04-07 02:39:48 -04:00 committed by GitHub
parent b70025bfdc
commit 0564fc09d3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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