@webitel/ui-sdk 2.1.2 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.1.2",
+  "version": "2.1.5",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/molecules/wt-tags-input/wt-tags-input.vue

@@ -175,6 +175,11 @@ export default {
 .wt-tags-input .multiselect ::v-deep {
   .multiselect__tags {
     padding-bottom: 0;
+    padding-right: calc(
+      var(--input-padding)
+      + var(--icon-md-size)
+      + var(--select-caret-right-pos)
+    );
 
     .multiselect__tags-wrap {
       display: flex;

package/src/components/organisms/wt-status-select/wt-status-select.vue

@@ -108,7 +108,7 @@ export default {
     border: none;
   }
 
-  .wt-select__select {
+  .multiselect__select {
     top: 0;
     right: 0;
   }

package/src/css/components/molecules/wt-select/_multiselect.scss

@@ -131,22 +131,25 @@
   }
 }
 
-.wt-select--loading ::v-deep {
-  .multiselect__content-wrapper {
-    overflow-y: hidden;
-  }
+.wt-select--loading,
+.wt-tags-input--loading {
+  ::v-deep {
+    .multiselect__content-wrapper {
+      overflow-y: hidden;
+    }
 
-  .multiselect__loading-wrapper {
-    position: sticky;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 300px; // max dropdown panel height
-    backdrop-filter: blur(4px);
+    .multiselect__loading-wrapper {
+      position: sticky;
+      z-index: 1;
+      top: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 300px; // max dropdown panel height
+      backdrop-filter: blur(4px);
+    }
   }
 }