diff --git a/client/css/misc/layout-manager-grid.css b/client/css/misc/layout-manager-grid.css index 196491d33c..d5f50280b4 100644 --- a/client/css/misc/layout-manager-grid.css +++ b/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)); } diff --git a/client/src/views/admin/layouts/grid.js b/client/src/views/admin/layouts/grid.js index b48a69576c..8a722e7ea6 100644 --- a/client/src/views/admin/layouts/grid.js +++ b/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'); diff --git a/client/src/views/admin/layouts/rows.js b/client/src/views/admin/layouts/rows.js index 9807b11378..16f51cfba8 100644 --- a/client/src/views/admin/layouts/rows.js +++ b/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')) {