aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-10-20 14:50:46 +0200
committerChocobozzz <me@florianbigard.com>2021-10-20 14:50:46 +0200
commitebe9b6b3f32d8432980854a51d28a8fb88fe62e5 (patch)
treeb478430b849b57555512a37eb87717ab5bb85a37 /client/src
parent64553e8809271df1113e9143426a27f234410a74 (diff)
downloadPeerTube-ebe9b6b3f32d8432980854a51d28a8fb88fe62e5.tar.gz
PeerTube-ebe9b6b3f32d8432980854a51d28a8fb88fe62e5.tar.zst
PeerTube-ebe9b6b3f32d8432980854a51d28a8fb88fe62e5.zip
Fix ng select tags height
Diffstat (limited to 'client/src')
-rw-r--r--client/src/app/+admin/system/logs/logs.component.scss5
-rw-r--r--client/src/app/shared/shared-forms/select/select-tags.component.scss15
-rw-r--r--client/src/sass/include/_mixins.scss1
-rw-r--r--client/src/sass/ng-select.scss1
4 files changed, 20 insertions, 2 deletions
diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index be66d563b..128c71e40 100644
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -52,6 +52,11 @@
52 @include peertube-select-container(150px); 52 @include peertube-select-container(150px);
53 } 53 }
54 54
55 my-select-tags {
56 min-width: 250px;
57 max-width: 400px;
58 }
59
55 > * { 60 > * {
56 @include margin-left(10px); 61 @include margin-left(10px);
57 } 62 }
diff --git a/client/src/app/shared/shared-forms/select/select-tags.component.scss b/client/src/app/shared/shared-forms/select/select-tags.component.scss
index ad76bc7ee..f45884fb2 100644
--- a/client/src/app/shared/shared-forms/select/select-tags.component.scss
+++ b/client/src/app/shared/shared-forms/select/select-tags.component.scss
@@ -1,3 +1,14 @@
1ng-select ::ng-deep .ng-arrow-wrapper { 1ng-select ::ng-deep {
2 display: none; 2 .ng-arrow-wrapper {
3 display: none;
4 }
5
6 .ng-value-container {
7 padding-top: 2px !important;
8 }
9
10 .ng-value {
11 margin-bottom: 2px !important;
12 max-height: 24px;
13 }
3} 14}
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 4d7a19ddf..fedc022e0 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -356,6 +356,7 @@
356 background: pvar(--inputBackgroundColor); 356 background: pvar(--inputBackgroundColor);
357 position: relative; 357 position: relative;
358 font-size: 15px; 358 font-size: 15px;
359 height: min-content;
359 360
360 &.disabled { 361 &.disabled {
361 background-color: #E5E5E5; 362 background-color: #E5E5E5;
diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index 229300ca5..df0e0aaf4 100644
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -23,6 +23,7 @@ $ng-select-value-font-size: 15px;
23 &.ng-select-focused { 23 &.ng-select-focused {
24 &:not(.ng-select-opened) > .ng-select-container { 24 &:not(.ng-select-opened) > .ng-select-container {
25 border-color: #ccc !important; 25 border-color: #ccc !important;
26 box-shadow: none !important;
26 } 27 }
27 } 28 }
28 29