Fix ng select tags height

diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index be66d563ba5f9c206e4e165e14924258d5157ed3..128c71e40e1a990ac929b8f8427618d764992766 100644 (file)
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -52,6 +52,11 @@
     @include peertube-select-container(150px);
   }
 
+  my-select-tags {
+    min-width: 250px;
+    max-width: 400px;
+  }
+
   > * {
     @include margin-left(10px);
   }

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 ad76bc7ee121265474cbe82880e939a7b278d1ba..f45884fb20e45e2c91acc18f0c51417b9a0b930c 100644 (file)
--- 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 @@
-ng-select ::ng-deep .ng-arrow-wrapper {
-  display: none;
+ng-select ::ng-deep {
+  .ng-arrow-wrapper {
+    display: none;
+  }
+
+  .ng-value-container {
+    padding-top: 2px !important;
+  }
+
+  .ng-value {
+    margin-bottom: 2px !important;
+    max-height: 24px;
+  }
 }

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 4d7a19ddf61b99fbd0c3ccc0fb015f35a94f8233..fedc022e0953cdf4f732e50fab9c31c4c256f78e 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -356,6 +356,7 @@
   background: pvar(--inputBackgroundColor);
   position: relative;
   font-size: 15px;
+  height: min-content;
 
   &.disabled {
     background-color: #E5E5E5;

diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index 229300ca58c875893346c9d0befddd584ce9e664..df0e0aaf471d1ed9646aff4a7671fc332744b4d6 100644 (file)
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -23,6 +23,7 @@ $ng-select-value-font-size: 15px;
   &.ng-select-focused {
     &:not(.ng-select-opened) > .ng-select-container {
       border-color: #ccc !important;
+      box-shadow: none !important;
     }
   }