..F....... [ZBXNEXT-6309] fixed drag/dragging mouse cursor while dragging widgets on the dashboard

2 files changed, 27 insertions, 10 deletions

diff --git a/sass/stylesheets/sass/components/_dashboard.scss b/sass/stylesheets/sass/components/_dashboard.scss
index 6959d1ad5cc..03af4749489 100755
--- a/sass/stylesheets/sass/components/_dashboard.scss
+++ b/sass/stylesheets/sass/components/_dashboard.scss
@@ -1,3 +1,8 @@
+// Dashboard, widgets and iterators.
+// To maintain code clarity:
+//   - Do not mix rules for dashboard view mode and dashboard edit mode.
+//   - Do not mix rules for widgets and iterators.
+
 .header-kioskmode-controls {
 	.dashboard-kioskmode-controls {
 		li {
@@ -177,10 +182,6 @@
 	}
 }
 
-// Dashboard, widgets and iterators.
-// To maintain code clarity:
-//   - Do not mix rules for dashboard view mode and dashboard edit mode.
-//   - Do not mix rules for widgets and iterators.
 .dashboard-grid-container {
 	position: relative;
 	margin: 0 -4px -4px -4px;
@@ -679,6 +680,26 @@
 	}
 }
 
+.dashboard-grid-widget.ui-draggable,
+.dashboard-grid-iterator.ui-draggable {
+	.dashboard-grid-widget-head,
+	.dashboard-grid-iterator-head {
+		@extend %cursor-drag;
+	}
+
+	&.ui-draggable-dragging {
+		.dashboard-grid-widget-head,
+		.dashboard-grid-iterator-head {
+			@extend %cursor-dragging;
+		}
+	}
+
+	.dashboard-grid-widget .dashboard-grid-widget-head,
+	.dashboard-grid-iterator .dashboard-grid-iterator-head {
+		cursor: auto;
+	}
+}
+
 .dashboard.dashboard-is-edit-mode {
 	.dashboard-grid-widget-actions {
 		opacity: 1;
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss
index 765850b0474..138eeb620a7 100644
--- a/sass/stylesheets/sass/screen.scss
+++ b/sass/stylesheets/sass/screen.scss
@@ -2697,17 +2697,13 @@ $form-icon-btn: (
 }
 
 .drag-icon,
-.ui-draggable .dashboard-widget-head,
-.dashboard-grid-widget.ui-draggable .dashboard-grid-widget-head,
-.dashboard-grid-iterator.ui-draggable .dashboard-grid-iterator-head {
+.ui-draggable .dashboard-widget-head {
 	@extend %cursor-drag;
 }
 
 .ui-draggable {
 	.drag-icon,
-	.dashboard-widget-head,
-	.dashboard-grid-widget-head,
-	.dashboard-grid-iterator-head {
+	.dashboard-widget-head {
 		@extend %cursor-dragging;
 	}
 }