[ADMINCTR-246] Add line break for long names in App launcher Created: 09/Sep/22  Updated: 18/Dec/22  Resolved: 16/Nov/22

Status: Closed
Project: Admincentral
Component/s: None
Affects Version/s: 6.3.0, 6.2.24
Fix Version/s: 6.3.0, 6.2.25

Type: Improvement Priority: Neutral
Reporter: Anja von Gunten Assignee: Alberto Soto
Resolution: Fixed Votes: 0
Labels: VN-Testing, quickwin
Σ Remaining Estimate: 0d Remaining Estimate: 0d
Σ Time Spent: 1d 2.25h Time Spent: 1d 2.25h
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: PNG File image-2022-11-02-11-27-21-576.png     PNG File ingo app launcher.png    
Issue Links:
Problem/Incident
causes ADMINCTR-331 Add line break for long names in Favo... Closed
Sub-Tasks:
Key
Summary
Type
Status
Assignee
ADMINCTR-319 Port to 6.2 Sub-task Completed  
ADMINCTR-324 QA Sub-task Closed Lam Nguyen Bao  
Template:
Acceptance criteria:
Empty
Date of First Response:
Epic Link: AuthorX improvements
Sprint: AuthX 20, AuthX 21
Story Points: 1
Team: AuthorX

 Description   

Problem

The tiles in the app launcher became smaller, leading to issues with longer names.

Example

See image: it is hard to see which app is “Veranstaltungen” and which one is “Veranstaltungsorte”. Many app labels don’t fit into the boxes anymore.

Solution

  • Implement logic for word separation and line break so a long word can go on 2 lines
  • We should then have an ellipsis: the 3dots ... and ideally a tooltip (displaying the full name)


 Comments   
Comment by Jesus Alonso [ 26/Oct/22 ]

Only it's needed to add this style

overflow-wrap: break-word; 

into .shell .findbarAndApplauncher .v-app-launcher .app-tile-container .label class.

Comment by Alberto Soto [ 27/Oct/22 ]

Just as a check, that css definition is allowed in most browsers

https://caniuse.com/mdn-css_properties_overflow-wrap_break-word

Generated at Sun Feb 11 23:05:21 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.