VCST-1855: improve multi select styles (#2848)

VirtoCommerce · Oct 25, 2024 · d1c334b · d1c334b
1 parent 1b2d85f
commit d1c334b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/VirtoCommerce.Platform.Web/wwwroot/css/themes/main/sass/modules/_base-modules.sass b/src/VirtoCommerce.Platform.Web/wwwroot/css/themes/main/sass/modules/_base-modules.sass
@@ -1480,8 +1480,14 @@ $names: "", ".double", ".triple", ".quadro"
     height: 19px
     padding: 6px 20px 0 7px
 .select2-container-multi .select2-choices .select2-search-field
+  width: -moz-available
+  width: -webkit-fill-available
+  width: fill-available
   input
+    width: inherit !important
     padding: 7px 10px 7px 5px
+    margin: 14px 1px 1px 10px
+    border: 1px solid $baseBrd
 .select2-search-choice-close
   left: auto !important
   top: 6px
@@ -1503,6 +1509,8 @@ $names: "", ".double", ".triple", ".quadro"
     &:hover
       &::after
         color: $baseColor
+.select2-container-multi .select2-search-choice-close
+  background: none !important
 .select2-container-multi .select2-search-choice-close::after,
 .select2-container-multi .select2-search-choice-close:hover::after
   color: #a1c0d4
@@ -1514,6 +1522,9 @@ $names: "", ".double", ".triple", ".quadro"
 .select2-container .select2-choice .select2-arrow b
   background-image: none !important
 
+.ui-select-choices.ui-select-choices-content.select2-results
+  margin: 4px 10px 4px 10px
+
 /* Tags input */
 tags-input
   .host