action #12942
closedText in group_overview page with long build descriptions can overlap
Added by Katharina100 almost 8 years ago. Updated about 7 years ago.
0%
Description
observation¶
Overlap of text and pictures; see for example: https://openqa.opensuse.org/group_overview/10
acceptance criteria¶
no overlap
tasks¶
include an extra line/more space in between
Files
| openQA_ux_regression_badge_wrap.png (38.2 KB) openQA_ux_regression_badge_wrap.png | okurz, 2017-05-18 11:56 |
Updated by okurz almost 8 years ago
- Subject changed from Overlap to Text in group_overview page with long build descriptions can overlap
Updated by coolo almost 8 years ago
the build number is just not supposed to be so long - I guess we need to shorten it
Updated by coolo almost 8 years ago
an alternative is to decrease the font size till it matches using js
Updated by krauselukas over 7 years ago
Currently there are three solutions i see:
- Most easy one: Just scale down the font size for all jobs or just where the text gets to long.
- Shorten "Time ago" section an show dots. Maybe a hover option which will show the full time ago part again.
Scaling down the the status bar where the the text gets to long is probably confusing and makes it not well readable.
Updated by coolo over 7 years ago
There are more options than that: https://v4-alpha.getbootstrap.com/layout/grid/#column-wrapping
Updated by krauselukas over 7 years ago
- Status changed from New to Feedback
https://github.com/os-autoinst/openQA/pull/1286
This pull request contains column wrapping.
Updated by krauselukas about 7 years ago
- Status changed from Feedback to In Progress
Updated by krauselukas about 7 years ago
It is already better but the issue still appears see here https://openqa.opensuse.org/group_overview/27
I will have a look if there is an easy fix for that.
Idea is to shorten the description with dots if it gets to long.
Updated by krauselukas about 7 years ago
- Status changed from In Progress to Resolved
Updated by okurz about 7 years ago
- Status changed from Resolved to Feedback
looking at https://openqa.suse.de/group_overview/72 with a screen width of 1366 (my notebook) I see the ellipsis introduced by Lukas (and you?) hiding the badges. What
about the ellipsis only acting on the name and timestamp?
https://w3.nue.suse.com/~okurz/openqa_ellipsis.png
css can only overflow one box not one text so if we want to reserve room for the badge, it could be part of the progress bar but the ellipsis shouldn't hide the badge.
Updated by krauselukas about 7 years ago
- Status changed from Feedback to In Progress
Updated by krauselukas about 7 years ago
Updated by krauselukas about 7 years ago
- Status changed from In Progress to Resolved
Updated by okurz about 7 years ago
- File openQA_ux_regression_badge_wrap.png openQA_ux_regression_badge_wrap.png added
- Status changed from Resolved to In Progress
and now we have a visual regression at least with more lightweight webkit based browsers such as surf, midori, qutebrowser. see screenshot.
As this happens in all browsers we should try to find a way to workaround this. If not possible then we just leave it as is.
Updated by coolo about 7 years ago
https://github.com/os-autoinst/openQA/pull/1330 is the workaround, but breaks the tests.
Updated by okurz about 7 years ago
- Status changed from In Progress to Resolved
done with https://github.com/os-autoinst/openQA/pull/1333, verified working on o3. osd waiting for deployment.