[BUGFIX] Reduce height of dragged container 90/41690/3
authorPhilip Majewski <philip.majewski@data-room.de>
Sat, 18 Jul 2015 22:42:46 +0000 (00:42 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Tue, 21 Jul 2015 16:25:41 +0000 (18:25 +0200)
this patch reduces the height of a dragged container
and also reduces the height of a possible
drop container. So a large element can be dragged
and dropped to another position

Resolves: #61824
Releases: master
Change-Id: Ief37a898fe589420e5c8b42d1127b9a341916471
Reviewed-on: http://review.typo3.org/41690
Reviewed-by: Thomas Löffler <loeffler@spooner-web.de>
Reviewed-by: Susanne Moog <typo3@susannemoog.de>
Tested-by: Susanne Moog <typo3@susannemoog.de>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Build/Resources/Public/Less/TYPO3/_module_web_page.less
typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index f934238..7a95e77 100644 (file)
                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;
+}
index f15adfb..dfb33d1 100644 (file)
@@ -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);
index 5ca7431..2f32e52 100644 (file)
@@ -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;