Actions
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
Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2022-12-23
Due date:
% Done:
0%
Estimated time:
PHP Version:
Tags:
UX
Complexity:
Sprint Focus:
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
Updated by Annett Jähnichen over 1 year ago
- 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
Updated by Annett Jähnichen over 1 year ago
Updated by Ayke Halder 17 days ago
See https://forge.typo3.org/issues/97152#note-12
POC: hidden-ce-toggle and scrollbars always visible inside viewport¶
/* 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;
}
Updated by Ayke Halder 17 days ago
- Related to Bug #103586: UX: Backend Page Module - horizontal scrollbar added
Actions