fix(fab): add styles for icon-wrapper-host element in angular

telerik · Mar 28, 2023 · b07ffe2 · b07ffe2
1 parent 42e0bb1
commit b07ffe2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/default/scss/fab/_layout.scss b/packages/default/scss/fab/_layout.scss
@@ -39,6 +39,7 @@
         width: $kendo-fab-icon-width;
         height: $kendo-fab-icon-height;
 
+        .k-icon-wrapper-host:not(:only-child) &,
         &:not(:only-child) {
             margin-right: $kendo-fab-icon-spacing;
             margin-left: -$kendo-fab-icon-spacing;

diff --git a/packages/fluent/scss/fab/_layout.scss b/packages/fluent/scss/fab/_layout.scss
@@ -58,6 +58,7 @@
         width: var( --kendo-fab-icon-width, #{$kendo-fab-icon-width} );
         height: var( --kendo-fab-icon-height, #{$kendo-fab-icon-height} );
 
+        .k-icon-wrapper-host:not(:only-child) &,
         &:not(:only-child) {
             margin-inline-end: var( --kendo-fab-icon-spacing, #{$kendo-fab-icon-spacing} );
             margin-inline-start: calc( var( --kendo-fab-icon-spacing, #{$kendo-fab-icon-spacing} ) * -1 );