Task #61824
closed
Limit hight of content elements in the Page Module via CSS
Added by Stephan Bauer about 10 years ago.
Updated about 7 years ago.
Category:
Backend User Interface
Description
Please limit the height of content elements. It is impossible to use drag & drop with a contact form because it is to high.
Files
- Subject changed from Limit hight of content elements to Limit hight of content elements in the Page Module via CSS
- Target version set to 7.4 (Backend)
- Sprint Focus set to On Location Sprint
Can easily be done via CSS I think.
- Assignee set to Benjamin Kott
We can't apply a max-height rule for every tt_content element (lost information, not suitable for every element).
What we can do is a max-height rule while dragging the element.
Workaround for limiting the current element:
typo3_src/Build/Resources/Public/Less/TYPO3/_module_web_page.less :
.t3-page-ce-dropzone-available.active, .ui-sortable-helper, .t3-page-ce-dropzone-possible{
max-height:200px!important;
}
.ui-sortable-helper{
overflow:hidden;
}
TODO:
typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js
adding a class for the container while dragging
max-height rule for all tt_content elements in this container
Optional:
Header into the .t3-page-ce-header
Hide .t3-page-ce-body during dragging
Hide .t3-page-ce-body while dragging seems a nice idea: +1
- Status changed from New to Under Review
Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at http://review.typo3.org/41690
Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at http://review.typo3.org/41690
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
- Sprint Focus deleted (
On Location Sprint)
- Status changed from Resolved to Closed
Also available in: Atom
PDF