¨4.0.1¨

Modules/Admin/Resources/assets/sass/selectize.scss

@@ -1,4 +1,4 @@
-@import '~selectize/dist/css/selectize';
+@import "selectize/dist/css/selectize";
 
 .selectize-control:not(.multi) {
     .selectize-input .item,
@@ -10,21 +10,34 @@
         padding-right: 0 !important;
     }
 }
+
 .selectize-control {
-    &.multi .selectize-input > div {
-        padding: 4px 8px;
+    &.multi {
+        .selectize-input {
+            &.has-items {
+                padding: 4px 4px 1px;
+            }
+
+            > div {
+                padding: 3px 8px;
+            }
+        }
     }
 
     &.single .selectize-input {
         cursor: text;
 
+        &.full {
+            padding: 8px 12px;
+        }
+
         &:after {
             content: none;
         }
 
         > span {
             display: flex;
-            padding: 2px 0
+            padding: 2px 0;
         }
 
         input {
@@ -39,6 +52,7 @@
             display: flex;
             align-items: center;
             justify-content: center;
+            padding: 0;
             border-left-color: #e9e9e9;
         }
 
@@ -51,22 +65,19 @@
 }
 
 .selectize-input {
+    padding: 4px 12px;
     border-radius: 3px;
     border-color: #d9d9d9;
-    min-height: 40px;
+    min-height: 36px;
     vertical-align: bottom;
     box-shadow: none !important;
-    transition: border-color ease-in-out .15s;
+    transition: border-color ease-in-out 0.15s;
 
     .dropdown-active {
         -webkit-border-radius: 0;
         border-radius: 0;
     }
 
-    > input {
-        margin-top: 2px !important;
-    }
-
     input {
         font-size: 15px;
         transition: 0ms !important;
@@ -87,7 +98,7 @@
 
     &.focus {
         border-color: #6f8dfd;
-        box-shadow: 0 0 2px rgba(30, 140, 190, .8);
+        box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     }
 
     .item {
@@ -98,6 +109,14 @@
     }
 }
 
+.ltr {
+    .selectize-input {
+        > input {
+            margin-top: 4px !important;
+        }
+    }
+}
+
 .selectize-dropdown {
     [data-selectable] {
         cursor: pointer;
@@ -108,7 +127,7 @@
     }
 
     .selectize-dropdown-content .create strong {
-        font-family: "Open Sans", sans-serif;
+        font-family: "Inter", sans-serif;
         font-weight: 600;
     }
 }