Project

General

Profile

Actions
Copy link

Task #94629

closed

Simplify and optimize the readability of the page module interface

Added by Rachel Foucard over 3 years ago. Updated 8 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2021-07-24
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
Complexity:
easy
Sprint Focus:

Description

It would be great to simplify and optimize the readability of the page module interface (column and language submodules), without adding, removing or changing the behavior of already existing features.

  • The colPos areas should be visually simplified (background) and shouldn't propose additional edit button anymore.
  • The "Unused elements" colPos should be named with "Unused elements" title.
  • A new btn-fab (floating action buttons) style is applied to the "add new content" and "paste" buttons
  • The drop zones are streamlined with the positions and style of the "add new content" buttons
  • When a content element is dragged the "add new content button" below isn't shown anymore
  • The content elements boxes and their header buttons are visually simplified
  • The language flag and title are not showned anymore in the content elements header (this informations are only visually hidden because they seems used in typescript for localisation handling)
  • The content elements CType title is always shown aside the Ctype icon
  • A new button for the content element contextual menu is added in the content element header right button bar, in place of the delete button
  • The content elements delete button is now inside the contextual menu only
  • The hidden content elements are now differenciated with a better opacity and a dotted border
  • The hovering state of the content elements is hightlighted with a more accessible solution (left border) than the opacity

Related issues 12 (5 open — 7 closed)

Related to TYPO3 Core - Task #95229: The colPos of the page module are visually clutteredAccepted2021-09-15

Actions
Related to TYPO3 Core - Bug #95230: “Unused elements” in the page module keep their style after a drag and drop in an active colPosClosed2021-09-15

Actions
Related to TYPO3 Core - Bug #95231: When I start dragging a content the mouse change it’s position and a “add new content button” follow the content I am draggingClosed2021-09-15

Actions
Related to TYPO3 Core - Task #95244: The content element boxes are visually clutteredClosed2021-09-15

Actions
Related to TYPO3 Core - Task #95245: The content’s language is always shown in the page module even if this information isn’t usefulNew2021-09-16

Actions
Related to TYPO3 Core - Task #95246: New users can’t guess they can click on the icon of a content to get the context menuUnder Review2021-09-16

Actions
Related to TYPO3 Core - Task #95247: Button to delete content elements is as prominent as often-used actionsClosed2021-09-16

Actions
Related to TYPO3 Core - Bug #95248: Hidden content elements lack adequate contrastClosedPaul Hansen2021-09-16

Actions
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 - Epic #95236: Backend UI layout issuesClosed2019-09-03

Actions
Related to TYPO3 Core - Bug #75890: editor with only read access to page - some interface improvementsAccepted2016-04-24

Actions
Related to TYPO3 Core - Task #97306: Refresh PagemoduleClosed2022-04-05

Actions
Actions
Copy link

Also available in: Atom PDF