Project

General

Profile

Actions

Feature #103539

open

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

Added by Ayke Halder about 1 month ago. Updated 14 days ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target 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


Related issues 2 (2 open0 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

Also available in: Atom PDF