Patch #22074
Prevent username from overlapping in mobile menu
| Status: | Closed | Start date: | ||
|---|---|---|---|---|
| Priority: | Normal | Due date: | ||
| Assignee: |  Jean-Philippe Lang | % Done: | 0% | |
| Category: | UI - Responsive | |||
| Target version: | 3.2.1 |
Description
Under certain cirumstances the username shown in the mobile menu can break into another line overlapping the next menu item. For example if the username is too long and contains a '-':
I am attaching a patch which fixes this behaviour by avoiding line breaks and by adding text-overflow: ellipsis
after.png (100 KB)
before.png (101 KB)
0001-Prevent-username-from-overlapping-in-mobile-menu.patch 
(760 Bytes)
0002-Expand-username-to-cover-whole-line-in-mobile-menu.patch
(744 Bytes)
screen-capture-30.png (16.8 KB)
Associated revisions
Prevent username from overlapping in mobile menu (#22074).
Patch by Felix Gliesche.
Expand username to cover whole line in mobile menu (#22074).
Patch by Gregor Schmidt.
History
#1
Updated by Go MAEDA over 5 years ago
- Target version set to 3.2.1
The fix works fine for me. Setting target version to 3.2.1.
#2
Updated by Gregor Schmidt over 5 years ago
- File 0002-Expand-username-to-cover-whole-line-in-mobile-menu.patch added
- File screen-capture-30.png added
Sorry for hijacking this issue, but my problem is related.
If the user name is really short, e.g. a single letter, the menu entry does not cover the whole width, in contrast to the other menu entries. This makes touching the link needlessly complicated.
The second attached patch expands the user name link to cover the whole line.
#3
Updated by Jean-Philippe Lang over 5 years ago
- Status changed from New to Closed
- Assignee set to Jean-Philippe Lang
Both patches are merged in 3.2, thanks.