From 58e0313413d7fa0ed2f47288651bcc8a86098755 Mon Sep 17 00:00:00 2001
From: Philip Majewski <philip.majewski@data-room.de>
Date: Sun, 19 Jul 2015 00:42:46 +0200
Subject: [PATCH] [BUGFIX] Reduce height of dragged container
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
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>
---
.../Resources/Public/Less/TYPO3/_module_web_page.less | 11 +++++++++++
.../Public/JavaScript/LayoutModule/DragDrop.js | 2 ++
typo3/sysext/t3skin/Resources/Public/Css/backend.css | 8 ++++++++
3 files changed, 21 insertions(+)
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
index f934238720e6..7a95e77ff04d 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 f15adfb05205..dfb33d1aeb38 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 5ca743115079..2f32e521cb21 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;
--
GitLab