Created attachment 1494770 [details]
Description of problem:
On home catalog page, if the description of a catalog item is too long, the description will extend out of the frame and be overlapped by other item.
Version-Release number of selected component (if applicable):
registry.reg-aws.openshift.com:443/openshift/ose-console v4.0.0-0.20.0.0 f9dc1cabf379 4 days ago 252 MB
Steps to Reproduce:
1. On home catalog page, click "Middleware"->"Process Automation", check the result.
1. Those items with long description are overlapped.
1. Description should lay in frame correctly.
registry.reg-aws.openshift.com:443/openshift/ose-console v4.0.0-0.32.0.0 d88722d7f46b 3 days ago 253 MB
Checked on ocp env with above console version, now the long description is truncated and won't extend out of frame. Most of long descriptions will end with "...", but some descriptions are truncated and doesn't end with "...", eg, "Dancer + Mysql (Ephemeral)". This doesn't look well.
@Jeff, Will you improve this issue?
@Yanping, I will fix this, I agree it does not look right.
@Yanping, Updated to show fading text for overflow. Sometimes the fade doesn't quite reach the last show word but making it longer is worse when the text does go to the end of the last visible line. Let me know what you think.
brewregistry.stage.redhat.io/openshift/ose-console v4.0 48b464eda71c About an hour ago 259 MB
Checked on ocp env with above console image version.
On catalog page, most of the catalog items with long descriptions end with fading text. I can see the special scenaio that the fading text is casually a "Space" behind a word, which looks like there is no fading text. It's not a big issue.
But for some catalog items, the last line of their descriptions is shown with upper half part. Refer to screenshot one.
I have an idea, if we can show catalog items as we do in old console, refer to screenshot two. Only show display name, no need to show description, user could check the description by clicking in the item.
openshift.io/display-name: JBoss EAP 6.4 + MySQL (Ephemeral with https)
It's up to dev to decide whether to improve the existing display or change the display context.
Created attachment 1500348 [details]
Created attachment 1500349 [details]
@Yanping I have a fix coming that will better fade the end of the description. UX has designed the page such that the user will not have to necessarily get details on each item by showing at least a portion of the description.
atomic-openshift version: v4.0.0-0.94.0
registry.reg-aws.openshift.com:443/openshift/ose-console v4.0 656af44d0aff 4 hours ago 258 MB
Checked on ocp env with above console image, now the description of catalog items are shown well with fading text, and there is no overlap of the text.
The bug has been fixed, so move it to Verified.
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.
For information on the advisory, and where to find the updated
files, follow the link below.
If the solution does not work for you, open a new bug report.