From: Chocobozzz <me@florianbigard.com>
Date: Mon, 27 Feb 2023 14:51:11 +0000 (+0100)
Subject: Fix multiple select tags value theming
X-Git-Tag: v5.1.0-rc.1~8
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=1d74f89739248e36a482c68c33c67fd0c8e6671e;hp=20c21606aca70717d0b6dc0060be398b06d993e7;p=github%2FChocobozzz%2FPeerTube.git

Fix multiple select tags value theming
---

diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index b0af4f763..f55b3d2d1 100644
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -75,7 +75,7 @@ $ng-select-input-text: pvar(--mainForegroundColor);
   &.ng-select-single .ng-value-container .ng-value {
     color: pvar(--inputForegroundColor);
 
-    .ng-value-label { /* stylelint-disable-line */
+    .ng-value-label {
       display: flex;
       align-items: center;
     }
@@ -84,8 +84,14 @@ $ng-select-input-text: pvar(--mainForegroundColor);
   &.ng-select-multiple .ng-select-container .ng-value-container {
     @include padding-left(12px);
 
-    .ng-value { /* stylelint-disable-line */
+    .ng-value {
       @include margin-left(12px);
+
+      background-color: pvar(--mainColorLightest);
+
+      .ng-value-icon {
+        border: none !important;
+      }
     }
   }
 }