Sync with Kendo UI Professional

Author: Kendo Bot

docs/controls/data-management/grid/columns/widths.md

@@ -49,7 +49,7 @@ For more information on avoiding the blank space after the last column of the Gr
 
 ### Removing Column and Header Misalignment
 
-To remove the misalignment of the columns and headers when the Grid is resized in old Internet Explorer versions, provide at least one column without a specified width so that it can freely adjust.
+To remove the misalignment of the columns and headers when the Grid is resized, provide at least one column without a specified width so that it can freely adjust.
 
 ## See Also
 

styles/web/common/base.less

@@ -219,6 +219,13 @@ input[type="reset"].k-button-expand
     border: 0;
 }
 
+.k-widget .k-icon {
+    &.k-i-expand,
+    &.k-i-collapse {
+        cursor: pointer;
+    }
+}
+
 // Badges
 .k-badge {
     max-width: 100%;

styles/web/common/spreadsheet.less

@@ -43,24 +43,24 @@
             padding: 1px 3px;
             background-clip: padding-box;
 
-            &.k-spreadsheet-has-comment:after {
+            &.k-spreadsheet-has-comment::after {
                 content: "";
                 display: block;
                 position: absolute;
-                width: 4px;
-                height: 4px;
-                top: 0px;
-                right: 0px;
-                background: red;
+                top: 0;
+                right: 0;
+                left: auto;
+                border-width: 3px;
+                border-style: solid;
             }
         }
 
         .k-spreadsheet-cell-comment {
-            position: "absolute";
+            position: absolute;
             white-space: pre-wrap;
             text-align: left;
-            background: #fe9;
-            border: 1px solid #000;
+            border-width: 1px;
+            border-style: solid;
         }
     }
 
@@ -274,11 +274,8 @@
     .k-dirty {
         position: absolute;
         top: 0;
-        right: 0;
-        left: unset;
-        margin: -2px 0 0 -7px;
-        border-width: 4px;
-        border-color: #f00 #f00 transparent transparent;
+        left: 0;
+        right: unset;
     }
 
     .k-single-selection {

styles/web/common/toolbar.less

@@ -42,6 +42,9 @@
 .k-toolbar-resizable {
     white-space: nowrap;
 }
+.k-toolbar-resizable {
+   flex-wrap: nowrap;
+}
 
 .k-toolbar > .k-align-left {
     float: none;
@@ -60,6 +63,7 @@
     align-items: stretch;
     align-content: center;
     vertical-align: middle;
+    flex: 0 0 auto;
 }
 
 

styles/web/kendo.rtl.less

@@ -1136,3 +1136,21 @@
         margin-left: 0;
     }
 }
+
+// Spreadsheet
+
+.k-rtl .k-spreadsheet {
+
+    .k-spreadsheet-cell {
+
+        .k-dirty {
+            margin: 0;
+        }
+
+        &.k-spreadsheet-has-comment::after {
+            left: 0;
+            right: auto;
+        }
+    }
+}
+

styles/web/themes/spreadsheet.less

@@ -147,6 +147,20 @@
     .k-single-selection.k-dim-auto-fill-handle::after {
         background-color: fadeout(@spreadsheet-selection-border, 50%);
     }
+
+    .k-spreadsheet-cell-comment {
+        color: @tooltip-text-color;
+        background-color: @tooltip-background-color;
+        border-color: @tooltip-border-color;
+    }
+
+    .k-spreadsheet-has-comment:after {
+        border-color: @spreadsheet-selection-border @spreadsheet-selection-border transparent transparent;
+    }
+
+    .k-dirty {
+        border-color: @input-validation-error transparent transparent @input-validation-error;
+    }
 }
 
 .k-spreadsheet-format-cells .k-spreadsheet-preview {
@@ -300,4 +314,15 @@
         background-color: @selected-background;
         color: @selected-text-color;
     }
-}
+}
+
+// RTL
+.k-rtl .k-spreadsheet {
+    .k-spreadsheet-has-comment::after {
+        border-color: @spreadsheet-selection-border transparent transparent @spreadsheet-selection-border;
+    }
+
+    .k-dirty {
+        border-color: @input-validation-error @input-validation-error transparent transparent;
+    }
+}

styles/web/type-nova.less

@@ -207,6 +207,10 @@
 @dialog-button-stretched-padding-x: 1em;
 @dialog-button-stretched-padding-y: @dialog-button-stretched-padding-x;
 
+// Tooltip
+@tooltip-text-color: @normal-text-color;
+@tooltip-background-color: @background;
+@tooltip-border-color: darken(@background, 21%);
 
 // ScrollView
 @scrollview-pagebutton-bg: @button-background-color;