diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less index f934238720e65cf94e550b594b729b42bc48f416..7a95e77ff04d4c8192d37dac062b1fff09106b05 100644 --- a/Build/Resources/Public/Less/TYPO3/_module_web_page.less +++ b/Build/Resources/Public/Less/TYPO3/_module_web_page.less @@ -204,3 +204,14 @@ cursor: move; } } + +.t3-is-dragged { + .t3-page-ce-body { + max-height: 225px; + overflow: hidden; + } +} + +.t3-page-ce-dropzone-available.active, .t3-page-ce-dropzone-possible { + max-height: 225px; +} diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js b/typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js index f15adfb05205342c8821a6a227b08c7933678e4c..dfb33d1aeb38633ccb75df1ce30a1bedc96dee8f 100644 --- a/typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js +++ b/typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js @@ -46,9 +46,11 @@ define(['jquery', 'jquery-ui/sortable'], function ($) { tolerance: 'pointer', start: function(e, ui) { DragDrop.onSortStart($(this), ui); + $(this).addClass('t3-is-dragged'); }, stop: function(e, ui) { DragDrop.onSortStop($(this), ui); + $(this).removeClass('t3-is-dragged'); }, change: function(e, ui) { DragDrop.onSortChange($(this), ui); diff --git a/typo3/sysext/t3skin/Resources/Public/Css/backend.css b/typo3/sysext/t3skin/Resources/Public/Css/backend.css index 5ca743115079b3e068628008bb0b7442b2771086..2f32e521cb21636b775c95e0fdb0100fa1cd42fa 100644 --- a/typo3/sysext/t3skin/Resources/Public/Css/backend.css +++ b/typo3/sysext/t3skin/Resources/Public/Css/backend.css @@ -12553,6 +12553,14 @@ iframe { .t3-page-ce-dragitem .t3-page-ce-header-draggable:hover { cursor: move; } +.t3-is-dragged .t3-page-ce-body { + max-height: 225px; + overflow: hidden; +} +.t3-page-ce-dropzone-available.active, +.t3-page-ce-dropzone-possible { + max-height: 225px; +} [id="typo3-topbar"], [id="typo3-topbar"] .x-panel-body { min-width: 1000px;