fix(button): size inner icon of button instead the button itself

telerik · Jan 3, 2022 · f728632 · f728632
1 parent d9ca91e
commit f728632
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/default/scss/button/_layout.scss b/packages/default/scss/button/_layout.scss
@@ -78,8 +78,6 @@
     .k-icon-button,
     .k-button.k-button-icon {
         padding: $button-padding-y;
-        width: $button-calc-size;
-        height: $button-calc-size;
         gap: 0;
 
         > .k-text,
@@ -89,6 +87,8 @@
 
         .k-button-icon {
             margin: 0;
+            min-width: calc( #{$button-font-size} * #{$button-line-height} );
+            min-height: calc( #{$button-font-size} * #{$button-line-height} );
         }
     }
     // TODO: REMOVE

diff --git a/packages/default/scss/map/_layout.scss b/packages/default/scss/map/_layout.scss
@@ -79,6 +79,11 @@
             line-height: 1;
             box-shadow: none;
             position: absolute;
+
+            .k-icon {
+                min-width: 0;
+                min-height: 0;
+            }
         }
         .k-navigator-n,
         .k-navigator-up {