fix: update drag hint font-size and line-height to match grouping ind…

…icator's
telerik · Feb 15, 2021 · 3e7b253 · 3e7b253
1 parent 7bad1e2
commit 3e7b253
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
@@ -510,7 +510,14 @@
     }
 
     .k-drag-clue {
-        line-height: $line-height-lg;
+        font-size: $grid-font-size;
+        line-height: $grid-line-height;
+
+        .k-icon-with-modifier {
+            margin-top: 0;
+            margin-bottom: 0;
+            margin-left: 0;
+        }
     }
 
     .k-grouping-dropclue {

diff --git a/packages/material/scss/grid/_layout.scss b/packages/material/scss/grid/_layout.scss
@@ -118,6 +118,10 @@ $grid-group-drag-clue-opacity: .9 !default;
         }
     }
 
+    .k-drag-clue {
+        line-height: $button-line-height;
+    }
+
     .k-resize-handle:hover .k-resize-handle-inner {
         width: 1px;
         height: 100%;

diff --git a/tests/visual/grid-grouping.html b/tests/visual/grid-grouping.html
@@ -257,7 +257,7 @@
         <span>jquery grid drag clue</span>
 
         <section class="section">
-            <div class="k-header k-drag-clue"><span class="k-icon k-drag-status k-i-plus"></span>Drag clue</div>
+            <div class="k-header k-drag-clue"><span class="k-icon k-drag-status k-i-cancel k-icon-with-modifier"></span>Drag clue</div>
         </section>
 
         <section class="section">