fix(dialog): improve dialog buttons overflow telerik/kendo#7497

telerik/kendo#7497
telerik · Feb 16, 2018 · a481460 · a481460
1 parent 3739523
commit a481460
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/default/scss/dialog/_layout.scss b/packages/default/scss/dialog/_layout.scss
@@ -20,6 +20,7 @@
     .k-dialog {
         padding: 0;
         position: fixed;
+        box-sizing: border-box;
 
         // Centered
         &.k-dialog-centered {
@@ -55,13 +56,15 @@
 
         .k-button {
             // sass-lint:disable no-important
+            display: inline-block; // needed for ellipsis overflow
             padding: ($window-inner-padding-x * .75) $window-inner-padding-x;
             width: auto !important;
             border-width: 0;
             border-color: inherit;
             background: none;
-            white-space: normal;
-            flex: 1;
+            flex: 1 0 0%;
+            overflow: hidden;
+            text-overflow: ellipsis;
             // sass-lint:enable no-important
 
             &::before,