From 546fec6aea6a9d652294d7b1b98f6b933d110521 Mon Sep 17 00:00:00 2001 From: Konstantin Savosteev Date: Fri, 18 Oct 2024 17:07:39 +0200 Subject: [PATCH 1/3] feat: improve multi select styles --- .../css/themes/main/sass/modules/_base-modules.sass | 9 +++++++++ 1 file changed, 9 insertions(+) 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 index fe7d8a26cc..2dee34c449 100644 --- 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,12 @@ $names: "", ".double", ".triple", ".quadro" height: 19px padding: 6px 20px 0 7px .select2-container-multi .select2-choices .select2-search-field + width: -webkit-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 +1507,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 +1520,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 From b60ed8c4cd424d30dd83e06dbcd4354b889ebfde Mon Sep 17 00:00:00 2001 From: Konstantin Savosteev Date: Mon, 21 Oct 2024 09:55:40 +0200 Subject: [PATCH 2/3] fix: added -moz-available --- .../wwwroot/css/themes/main/sass/modules/_base-modules.sass | 1 + 1 file changed, 1 insertion(+) 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 index 2dee34c449..c58195b0ad 100644 --- 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,6 +1480,7 @@ $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 input width: inherit !important From abbf3dc42453660753c255e1d4c4f70ffb04f183 Mon Sep 17 00:00:00 2001 From: Konstantin Savosteev Date: Mon, 21 Oct 2024 10:03:29 +0200 Subject: [PATCH 3/3] fix: fill-available --- .../wwwroot/css/themes/main/sass/modules/_base-modules.sass | 1 + 1 file changed, 1 insertion(+) 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 index c58195b0ad..6dac749d65 100644 --- 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 @@ -1482,6 +1482,7 @@ $names: "", ".double", ".triple", ".quadro" .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