Project

General

Profile

Actions
Copy link

Task #104912

open

Buttons height/width should nicely fit for tables with lots of buttons / non-labeled small buttons are to small

Added by Ayke Halder 2 months ago. Updated 2 months ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2024-09-11
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
13
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Current state

A. Lots of buttons in a table

The height of the table-row is to big.

RecordList: as-is vs. suggestion

Filelist as-is

Filelist suggestion

B. Non-labeled small buttons

There are small buttons in the UI which do not have a label. These non-labeled small buttons are to small to easily hit them for a (touch) click.

Filelist: as-is vs. suggestion

Filelist as-is

Filelist suggestion

Suggestion: min-width for small buttons

How about introducing a min-width for small buttons that equals the width of a 'normal' icon-only button?

As-is: normal buttons in group

Normal button group as-is

Suggestion: small buttons with min-width corresponding to the width of a 'normal' icon-only button

Small button group with min-width - recordlist

As-is: small buttons in group

Small button group as-is

Suggestion: small buttons with min-width corresponding to the width of a 'normal' icon-only button

Small button group with min-width - filelist

Files

Download all files
clipboard-202409111429-hrhly.png (30 KB) clipboard-202409111429-hrhly.png Small button group as-is Ayke Halder, 2024-09-11 12:29
clipboard-202409111429-pkrnk.png (8.77 KB) clipboard-202409111429-pkrnk.png Normal button group as-is Ayke Halder, 2024-09-11 12:29
clipboard-202409111439-0pk2n.png (30 KB) clipboard-202409111439-0pk2n.png Small button group with min-width - filelist Ayke Halder, 2024-09-11 12:39
clipboard-202409111531-p8vtu.png (8.56 KB) clipboard-202409111531-p8vtu.png Small button group with min-width - recordlist Ayke Halder, 2024-09-11 13:31
clipboard-202409111534-acdgv.png (170 KB) clipboard-202409111534-acdgv.png Filelist as-is Ayke Halder, 2024-09-11 13:34
clipboard-202409111536-te9qn.png (169 KB) clipboard-202409111536-te9qn.png Filelist suggestion Ayke Halder, 2024-09-11 13:36
clipboard-202409111538-thrme.png (162 KB) clipboard-202409111538-thrme.png Filelist as-is Ayke Halder, 2024-09-11 13:38
clipboard-202409111542-5wbjt.png (167 KB) clipboard-202409111542-5wbjt.png Filelist suggestion Ayke Halder, 2024-09-11 13:42
Actions
Copy link

Also available in: Atom PDF