layout manager impr

client/css/misc/layout-manager-grid.css

@@ -64,6 +64,14 @@
     float: left;
 }
 
+#layout {
+    .cells {
+        .cell {
+            user-select: none;
+        }
+    }
+}
+
 #layout ul.panels ul.cells > li[data-full-width="true"] {
     width: calc(100% - var(--10px));
 }

client/src/views/admin/layouts/grid.js

@@ -409,6 +409,7 @@ class LayoutGridView extends LayoutBaseView {
             update: () => {
                 this.setIsChanged();
             },
+            cursor: 'grabbing',
         });
 
         // noinspection JSUnresolvedReference
@@ -420,6 +421,7 @@ class LayoutGridView extends LayoutBaseView {
             update: () => {
                 this.setIsChanged();
             },
+            cursor: 'grabbing',
         });
 
         // noinspection JSUnresolvedReference
@@ -428,8 +430,13 @@ class LayoutGridView extends LayoutBaseView {
         const $li = $('#layout ul.cells > li');
 
         // noinspection JSValidateTypes
-        $li.draggable({revert: 'invalid', revertDuration: 200, zIndex: 10})
-            .css('cursor', 'pointer');
+        $li.draggable({
+            revert: 'invalid',
+            revertDuration: 200,
+            zIndex: 10,
+            cursor: 'grabbing',
+        })
+            .css('cursor', '');
 
         $li.droppable().droppable('destroy');
 

client/src/views/admin/layouts/rows.js

@@ -88,6 +88,7 @@ class LayoutRowsView extends LayoutBaseView {
 
     afterRender() {
         $('#layout ul.enabled, #layout ul.disabled').sortable({
+            cursor: 'grabbing',
             connectWith: '#layout ul.connected',
             update: e => {
                 if (!$(e.target).hasClass('disabled')) {