Bug 1899725 - Pods table does not wrap well with quick start sidebar open
Summary: Pods table does not wrap well with quick start sidebar open
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.7
Hardware: Unspecified
OS: Unspecified
medium
medium
Target Milestone: ---
: 4.7.0
Assignee: Yadan Pei
QA Contact: Yadan Pei
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2020-11-19 20:41 UTC by Samuel Padgett
Modified: 2021-02-24 15:35 UTC (History)
5 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Version: 4.7.0-0.nightly-2020-11-18-085225 Cluster ID: e966d879-e999-4489-baf0-d46e920f0b41 Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.16; rv:82.0) Gecko/20100101 Firefox/82.0
Last Closed: 2021-02-24 15:35:02 UTC
Target Upstream Version:
Embargoed:

Attachments (Terms of Use)
Screenshot of awkward wrapping (989.09 KB, image/png)
2020-11-19 20:41 UTC, Samuel Padgett 		no flags Details
Quickstart panel becomes 50% of browser width when less than 1200px (552.68 KB, image/png)
2020-12-08 15:13 UTC, Steve Goodwin 		no flags Details
Quickstart panel on pods table at 1600px width (509.62 KB, image/png)
2020-12-08 15:15 UTC, Steve Goodwin 		no flags Details
simulate-iso-device (43.40 KB, image/png)
2021-01-08 11:43 UTC, Yanping Zhang 		no flags Details
browser-in-small-size (128.60 KB, image/png)
2021-01-08 11:43 UTC, Yanping Zhang 		no flags Details
laptop 13inch (479.85 KB, image/png)
2021-01-11 18:07 UTC, Steve Goodwin 		no flags Details
13-inch 1440 712 Pods table with quick start open (300.75 KB, image/png)
2021-01-18 03:51 UTC, Yadan Pei 		no flags Details
iPad 1024 768 pods table with quick start sidebar open (195.34 KB, image/png)
2021-01-18 03:58 UTC, Yadan Pei 		no flags Details
View All


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 7607 0 None closed Bug 1899725: Reduce Quickstart side panel width when browser widths between 769 - 1600px to prevent usability display is... 2021-01-18 01:49:00 UTC
Red Hat Product Errata RHSA-2020:5633 0 None None None 2021-02-24 15:35:31 UTC

Description Samuel Padgett 2020-11-19 20:41:20 UTC 
Created attachment 1731046 [details]
Screenshot of awkward wrapping

See screenshot. The pod names tend to be long, causing wrapping issues on the page. We need some strategy to avoid this with the sidebar open.
Comment 1 Steve Goodwin 2020-12-08 15:13:53 UTC 
Created attachment 1737641 [details]
Quickstart panel becomes 50% of browser width when less than 1200px
Comment 2 Steve Goodwin 2020-12-08 15:15:59 UTC 
Created attachment 1737642 [details]
Quickstart panel on pods table at 1600px width
Comment 4 Yanping Zhang 2021-01-08 11:42:42 UTC 
Checked on ocp 4.7 cluster with payload 4.7.0-0.nightly-2021-01-07-181010.
When scale down the browser size or simulate iso device, pod name still shows wrapping issues on the page, pls check the screenshots.
Comment 5 Yanping Zhang 2021-01-08 11:43:04 UTC 
Created attachment 1745559 [details]
simulate-iso-device
Comment 6 Yanping Zhang 2021-01-08 11:43:57 UTC 
Created attachment 1745560 [details]
browser-in-small-size
Comment 7 Steve Goodwin 2021-01-11 18:06:06 UTC 
The goal of this modification was to present the table content to an acceptable display while showing the Quickstart panel on laptops and device screens less than 1600px. For 13" laptops and tablets with even less screen width, the option to collapse the right navigation panel allows acceptable display of table data. 

This modification was also approved by UX design https://github.com/openshift/console/pull/7607#issuecomment-755323786

Attaching collapsed nav displays on small screens that are readable.
Comment 8 Steve Goodwin 2021-01-11 18:06:43 UTC 
Created attachment 1746384 [details]
iPad collapsed nav
Comment 9 Steve Goodwin 2021-01-11 18:07:12 UTC 
Created attachment 1746385 [details]
laptop 13inch
Comment 11 Yadan Pei 2021-01-18 03:51:12 UTC 
Created attachment 1748350 [details]
13-inch 1440 712 Pods table with quick start open
Comment 12 Yadan Pei 2021-01-18 03:58:15 UTC 
Created attachment 1748351 [details]
iPad 1024 768 pods table with quick start sidebar open

Moving to VERIFIED since the pods table are acceptable with quick start sidebar open

4.7.0-0.nightly-2021-01-17-153039
Comment 15 errata-xmlrpc 2021-02-24 15:35:02 UTC 
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 (Moderate: OpenShift Container Platform 4.7.0 security, bug fix, and enhancement update), and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHSA-2020:5633
Note You need to log in before you can comment on or make changes to this bug.