Project

General

Profile

Actions
Copy link

Feature #103539

open

UX: Backend Page Module - hide CEs buttons and simplify new content buttons to declutter view

Added by Ayke Halder 8 months ago. Updated about 1 month ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
Candidate for Major Version
Start date:
2024-04-05
Due date:
% Done:

0%

Estimated time:
PHP Version:
Tags:
UX
Complexity:
Sprint Focus:

Description

The Page Module is cluttered with too many buttons:

  • Grid-Columns: new content buttons
  • Content Elements: action buttons

New content buttons

Simplify these buttons to melt into the column-background:
  • remove box-shadow, round the corners, add opacity etc.
  • remove the text 'content'

CEs action buttons

Hide these buttons by default.
Only show the action buttons for the CE that is hovered or has focus right now.
Touch-users can be trained to click on headline/text for editing and use context 3-dot-menu for all other actions.

Preview: hidden CE buttons and simplified new content buttons:

TYPO3 as-is:

Files

Download all files
clipboard-202404051733-aqsop.png (89.4 KB) clipboard-202404051733-aqsop.png Ayke Halder, 2024-04-05 15:33
clipboard-202404051634-i1th6.png (126 KB) clipboard-202404051634-i1th6.png Ayke Halder, 2024-04-05 15:35

Related issues 2 (2 open — 0 closed)

Related to TYPO3 Core - Bug #95249: The new content buttons that are between each existing contents in the page module make the interface clutteredUnder Review2021-09-16

Actions
Related to TYPO3 Core - Task #103380: UX: Backend Page Module - improve visual topology to distinguish between Page, Page-Column and Content-ElementUnder Review2024-03-12

Actions
Actions
Copy link

Also available in: Atom PDF