Feature #99424: Make always accessible in the the page module's screen the toggles for hidden and unused contents visibility - TYPO3 Core - TYPO3 Forge

Actions

Copy link

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.

Status:

New

Priority:

Should have

Assignee:

Category:

Backend User Interface

Target version:

Start date:

2022-12-23

Due date:

% Done:

Estimated time:

PHP Version:

Tags:

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

Download all files

Bildschirmfoto 2023-01-10 um 13.49.31.png (336 KB) Bildschirmfoto 2023-01-10 um 13.49.31.png		Annett Jähnichen, 2023-01-10 12:50
typo3-page-module-scrollbars.gif (1.67 MB) typo3-page-module-scrollbars.gif		Ayke Halder, 2024-04-18 14:49
Cattura-pv.PNG (10.5 KB) Cattura-pv.PNG		Riccardo De Contardi, 2024-07-15 10:07
Cattura-lv.PNG (12.1 KB) Cattura-lv.PNG		Riccardo De Contardi, 2024-07-15 10:07
Cattura-fl.PNG (13.5 KB) Cattura-fl.PNG		Riccardo De Contardi, 2024-07-15 10:07

Related issues 1 (1 open — 0 closed)

Actions

Copy link

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

Actions

Copy link

Updated by Annett Jähnichen over 1 year ago

File Bildschirmfoto 2023-01-10 um 13.49.31.png Bildschirmfoto 2023-01-10 um 13.49.31.png added

Actions

Copy link

Updated by Ayke Halder 4 months ago

File typo3-page-module-scrollbars.gif typo3-page-module-scrollbars.gif added

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;
}