Table layout breaks with long strings and content

Created on 4 April 2024, 9 months ago
Updated 2 August 2024, 5 months ago

Problem/Motivation

When using table formatter, the layout breaks where content is long
Please see attached screenshots

See how:
width of table and columns is greater than viewport
when adding word-break break all - layout is also broken
text columns are centred vertically that makes table difficult to read

Steps to reproduce

Proposed resolution

My suggestion
1. add word break all on table
2. add min width for th element
3. add vertical align top for td elements

Remaining tasks

Create MR
Test/ Review

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Needs work

Version

11.0 🔥

Component
Claro 

Last updated 2 days ago

Created by

🇬🇧United Kingdom 2dareis2do

Live updates comments and jobs are added and updated live.
  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024