fix(grid): drag clue styles improvements #252

telerik · Dec 25, 2018 · 5a28d59 · 5a28d59
1 parent 9749936
commit 5a28d59
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 2 deletions.
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -555,6 +555,8 @@ $grid-header-text: $header-text !default;
 $grid-header-border: $header-border !default;
 $grid-header-gradient: $header-gradient !default;
 
+$grid-group-drag-clue-line-height: 1.5 !default;
+
 $grid-alt-text: $grid-text !default;
 $grid-alt-bg: rgba( $grid-alt-text, .03) !default;
 $grid-alt-border: $grid-border;

diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss
@@ -526,6 +526,7 @@ $grid-header-gradient: $header-gradient !default;
 
 $grid-group-drag-clue-bg: $grid-header-bg !default;
 $grid-group-drag-clue-text: $grid-header-text !default;
+$grid-group-drag-clue-line-height: 1.5 !default;
 
 /// The background of alternating rows.
 /// Set to transparent to remove the row stripes.

diff --git a/packages/default/scss/common/_dragdrop.scss b/packages/default/scss/common/_dragdrop.scss
@@ -8,7 +8,7 @@
         font-size: $font-size-sm;
         white-space: nowrap;
         overflow: hidden;
-        cursor: default;
+        cursor: move;
     }
     .k-drag-status {
         margin-right: .4ex;

diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
@@ -418,7 +418,7 @@
         padding: $button-padding-y $button-padding-x;
         border-width: 1px;
         border-style: solid;
-        line-height: $button-line-height;
+        line-height: $grid-group-drag-clue-line-height;
         display: inline-flex;
         flex-direction: row;
         align-items: center;

diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
@@ -633,6 +633,7 @@ $grid-focused-shadow: $list-item-focused-shadow !default;
 
 $grid-group-drag-clue-bg: try-shade( $base-bg, 1 ) !default;
 $grid-group-drag-clue-text: $base-text !default;
+$grid-group-drag-clue-line-height: 1.5 !default;
 
 $grid-command-cell-button-spacing: .16em !default;