Feature #99424
open
Epic #98290: [UX] - Keep the house clean
Make always accessible in the the page module's screen the toggles for hidden and unused contents visibility
Added by Rachel Foucard over 1 year ago.
Updated about 1 month ago.
Category:
Backend User Interface
Description
Hello,
We want the editors stop hidding useless contents instead of deleting them, and cluttering their own working area.
This improvement is splitted in smaller, and if possible, independant patches.
link to the full video (publically accessible): https://drive.google.com/file/d/1cxHaU7JHPiDE1_4hFsfDiM1m2YxfHoLz/view?usp=share_link
This tasks relates to the time 1.07min of the video
It may not be clear enough in the video, but the idea is basically to have the checkboxes in a bottom fixed bar in the screen.
Rachel
Files
Related issues
1 (1 open — 0 closed)
- Subject changed from Make always accessible in the the page module's screen the toggles for hidden and unused contents visibilty to Make always accessible in the the page module's screen the toggles for hidden and unused contents visibility
See https://forge.typo3.org/issues/97152#note-12
POC: hidden-ce-toggle and scrollbars always visible inside viewport¶
![](/attachments/download/38496/typo3-page-module-scrollbars.gif)
/* grid-container scrolling behaviour */
.module[data-module-name="web_layout"] {
display: flex;
flex-direction: column;
}
.module[data-module-name="web_layout"] > * {
flex: 0 0 auto;
}
.module[data-module-name="web_layout"] > .module-body {
flex: 0 1 auto;
overflow: hidden;
}
.module[data-module-name="web_layout"] .module-body {
display: flex;
flex-direction: column;
}
.module[data-module-name="web_layout"] .module-body > * {
flex: 0 0 auto;
}
.module[data-module-name="web_layout"] .module-body > #PageLayoutController {
flex: 0 1 auto;
overflow: hidden;
}
.module[data-module-name="web_layout"] #PageLayoutController {
display: flex;
flex-direction: column;
margin-left: calc((1px + var(--pagemodule-grid-spacing)) * -1);
margin-right: calc((1px + var(--pagemodule-grid-spacing)) * -1);
}
.module[data-module-name="web_layout"] #PageLayoutController > .t3-grid-container {
flex: 0 1 auto;
/* Scrollbars stay always inside visible viewport */
overflow: scroll;
}
- Related to Bug #103586: UX: Backend Page Module - horizontal scrollbar added
How about putting a "view" dropdown in the header bar, on the right side? I mean here:
![](/attachments/download/38793/Cattura-pv.PNG)
It would be coherent with what happens on both list view
![](/attachments/download/38794/Cattura-lv.PNG)
And filelist:
![](/attachments/download/38795/Cattura-fl.PNG)
It would be a waste to use a dropdown with just one item inside, but maybe something else could be added in the future.
Also available in: Atom
PDF