aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authoraschaap <8865084+aschaap@users.noreply.github.com>2021-04-07 02:39:48 -0400
committerGitHub <noreply@github.com>2021-04-07 08:39:48 +0200
commit0564fc09d3ea46d78cc4e454f52aefeca68b73e2 (patch)
tree4a891f327f62bcd8cedf69920ccc267fde5a0f9b /client
parentb70025bfdc5f3d7aa3e827f6cadfa1e21483a038 (diff)
downloadPeerTube-0564fc09d3ea46d78cc4e454f52aefeca68b73e2.tar.gz
PeerTube-0564fc09d3ea46d78cc4e454f52aefeca68b73e2.tar.zst
PeerTube-0564fc09d3ea46d78cc4e454f52aefeca68b73e2.zip
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>
Diffstat (limited to 'client')
-rw-r--r--client/src/sass/ng-select.scss14
1 files changed, 8 insertions, 6 deletions
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;
11$ng-select-box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); 11$ng-select-box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
12// $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default; 12// $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default;
13$ng-select-height: 30px; 13$ng-select-height: 30px;
14// $ng-select-value-padding-left: 10px !default; 14$ng-select-value-padding-left: 15px;
15// $ng-select-value-font-size: 0.9em !default; 15// $ng-select-value-font-size: 0.9em !default;
16 16
17@import "~@ng-select/ng-select/scss/default.theme.scss"; 17@import "~@ng-select/ng-select/scss/default.theme.scss";
@@ -20,11 +20,6 @@ $ng-select-height: 30px;
20 font-size: .9em; 20 font-size: .9em;
21} 21}
22 22
23.ng-input,
24.ng-select .ng-select-container .ng-value-container {
25 padding-left: 15px !important;
26}
27
28.ng-select { 23.ng-select {
29 &.ng-select-focused { 24 &.ng-select-focused {
30 &:not(.ng-select-opened) > .ng-select-container { 25 &:not(.ng-select-opened) > .ng-select-container {
@@ -44,4 +39,11 @@ $ng-select-height: 30px;
44 &.ng-select-single .ng-value-container .ng-value { 39 &.ng-select-single .ng-value-container .ng-value {
45 color: pvar(--inputForegroundColor); 40 color: pvar(--inputForegroundColor);
46 } 41 }
42
43 &.ng-select-multiple .ng-select-container .ng-value-container {
44 padding-left: 12px;
45 .ng-value {
46 margin-left: 3px;
47 }
48 }
47} 49}