select2-multiple: improve style

2026-03-11 03:40:20 +00:00 · 2022-03-22 16:30:48 +00:00
parent 6d0d57a4d2
commit 9e55a306ee
1 changed files with 27 additions and 0 deletions
--- a/app/webpacker/css/admin/select2.scss
+++ b/app/webpacker/css/admin/select2.scss
@@ -42,4 +42,31 @@
      }
    }
  }
+
+  &.select2-container-multi {
+    .select2-search-field {
+      max-height: 20px;
+      input {
+        padding: 0 !important;
+        margin: 0 0 0 5px !important;
+      }
+    }
+    .select2-search-choice {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding-left: 7px;
+
+      .select2-search-choice-close {
+        position: relative;
+        order: -1;
+        width: auto;
+        left: 0;
+        top: 0;
+        margin: 0;
+        padding: 0;
+        font-size: 100% !important;
+      }
+    }
+  }
 }