Skip to content

Commit d1c334b

Browse files
authored
VCST-1855: improve multi select styles (#2848)
1 parent 1b2d85f commit d1c334b

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

src/VirtoCommerce.Platform.Web/wwwroot/css/themes/main/sass/modules/_base-modules.sass

+11
Original file line numberDiff line numberDiff line change
@@ -1480,8 +1480,14 @@ $names: "", ".double", ".triple", ".quadro"
14801480
height: 19px
14811481
padding: 6px 20px 0 7px
14821482
.select2-container-multi .select2-choices .select2-search-field
1483+
width: -moz-available
1484+
width: -webkit-fill-available
1485+
width: fill-available
14831486
input
1487+
width: inherit !important
14841488
padding: 7px 10px 7px 5px
1489+
margin: 14px 1px 1px 10px
1490+
border: 1px solid $baseBrd
14851491
.select2-search-choice-close
14861492
left: auto !important
14871493
top: 6px
@@ -1503,6 +1509,8 @@ $names: "", ".double", ".triple", ".quadro"
15031509
&:hover
15041510
&::after
15051511
color: $baseColor
1512+
.select2-container-multi .select2-search-choice-close
1513+
background: none !important
15061514
.select2-container-multi .select2-search-choice-close::after,
15071515
.select2-container-multi .select2-search-choice-close:hover::after
15081516
color: #a1c0d4
@@ -1514,6 +1522,9 @@ $names: "", ".double", ".triple", ".quadro"
15141522
.select2-container .select2-choice .select2-arrow b
15151523
background-image: none !important
15161524

1525+
.ui-select-choices.ui-select-choices-content.select2-results
1526+
margin: 4px 10px 4px 10px
1527+
15171528
/* Tags input */
15181529
tags-input
15191530
.host

0 commit comments

Comments
 (0)