fix(chip): close icon not properly aligned

telerik · Mar 7, 2023 · 7a0fad8 · 7a0fad8
1 parent b239d3a
commit 7a0fad8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/packages/default/scss/chip/_layout.scss b/packages/default/scss/chip/_layout.scss
@@ -29,11 +29,6 @@
         .k-selected-icon-wrapper {
             display: none !important; // sass-lint:disable-line no-important
         }
-
-        // Adjustment for kendo-icon-wrapper
-        .k-icon-wrapper-host {
-            display: initial;
-        }
     }
 
 
@@ -49,6 +44,11 @@
         align-items: center;
         overflow: hidden;
         flex: 1 1 auto;
+
+        // Adjustment for kendo-icon-wrapper
+        .k-icon-wrapper-host {
+            display: initial;
+        }
     }
     .k-chip-content:first-child {
         margin-inline-start: $kendo-chip-spacing;

diff --git a/packages/fluent/scss/chip/_layout.scss b/packages/fluent/scss/chip/_layout.scss
@@ -34,11 +34,6 @@
             display: none !important; // sass-lint:disable-line no-important
         }
 
-        // Adjustment for kendo-icon-wrapper
-        .k-icon-wrapper-host {
-            display: initial;
-        }
-
         &:hover,
         &:focus {
             outline: 0;
@@ -70,6 +65,11 @@
         align-items: center;
         overflow: hidden;
         flex: 1 1 auto;
+
+        // Adjustment for kendo-icon-wrapper
+        .k-icon-wrapper-host {
+            display: initial;
+        }
     }
 
     .k-chip-content:first-child {

diff --git a/packages/nouvelle/scss/chip/_layout.scss b/packages/nouvelle/scss/chip/_layout.scss
@@ -31,11 +31,6 @@
             display: none !important; // sass-lint:disable-line no-important
         }
 
-        // Adjustment for kendo-icon-wrapper
-        .k-icon-wrapper-host {
-            display: initial;
-        }
-
         &:hover,
         &:focus {
             outline: 0;
@@ -55,6 +50,11 @@
         align-items: center;
         overflow: hidden;
         flex: 1 1 auto;
+
+        // Adjustment for kendo-icon-wrapper
+        .k-icon-wrapper-host {
+            display: initial;
+        }
     }