fix(kit): MultiSelect fix overflow issues (#2847)

taiga-family · Oct 10, 2022 · 372410e · 372410e
1 parent 98311f8
commit 372410e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/projects/core/components/data-list/data-list.style.less b/projects/core/components/data-list/data-list.style.less
@@ -39,11 +39,13 @@ tui-opt-group {
         content: attr(data-label);
         padding: 0 1rem;
         color: var(--tui-text-02);
+        line-height: 1rem;
+        white-space: normal;
     }
 
     &:not(:empty) ~ & {
         &:before {
-            padding-top: 1rem;
+            padding: 1.5rem 1rem 0.5rem;
         }
 
         &:after {

diff --git a/projects/kit/components/multi-select/multi-select.style.less b/projects/kit/components/multi-select/multi-select.style.less
@@ -50,7 +50,8 @@
     display: flex;
     flex: 1;
     align-items: center;
-    padding: 1.6875rem 1rem 0.5625rem;
+    padding: 1.6875rem 0 0.5625rem 1rem;
+    overflow: hidden;
 
     &_fullsize {
         padding-top: 0.0625rem;
@@ -62,7 +63,7 @@
     }
 
     :host[data-size='m'] & {
-        padding: 1.1875rem 0.75rem 0;
+        padding: 1.1875rem 0 0 0.75rem;
         font-size: 0.8125rem;
     }
 }