UI Element misalignment

Bug #2027588 reported by Sameer Sharma
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Launchpad itself
Triaged
Low
Unassigned

Bug Description

The Programming languages option in launchpad project if contains multiple languages/entries it instead of adapting to the screen clashes with other UI elements like bugs etc.

I can reproduce this on a screen with 100% zoom and a font of size 16.

Image attached.

The fix maybe to simply stack the entries atop each other thus preventing collision with other UI elements, not doing so results in a broken UI.
Thanks.

Tags: trivial ui
Revision history for this message
Sameer Sharma (sameersharma2006) wrote :
tags: added: ui
Changed in launchpad:
importance: Undecided → Low
status: New → Triaged
tags: added: trivial
Revision history for this message
Ines Almeida (ines-almeida) wrote :

This happens particularly in small screens and for projects with a lot of languages.

Its <span> element has a `no-wrap` class which is preventing it from wrapping (I can't see why this would be necessary here). We could also just stack vertically as suggested, although the first approach seems much simpler.

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Bug attachments

Remote bug watches

Bug watches keep track of this bug in other bug trackers.