Bug 1899725

Summary: Pods table does not wrap well with quick start sidebar open
Product: OpenShift Container Platform Reporter: Samuel Padgett <spadgett>
Component: Management ConsoleAssignee: Yadan Pei <yapei>
Status: CLOSED ERRATA QA Contact: Yadan Pei <yapei>
Severity: medium Docs Contact:
Priority: medium    
Version: 4.7CC: aos-bugs, jhadvig, jokerman, yanpzhan, yapei
Target Milestone: ---Keywords: UpcomingSprint
Target Release: 4.7.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
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 Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Attachments:
Description Flags
Screenshot of awkward wrapping
none
Quickstart panel becomes 50% of browser width when less than 1200px
none
Quickstart panel on pods table at 1600px width
none
simulate-iso-device
none
browser-in-small-size
none
laptop 13inch
none
13-inch 1440 712 Pods table with quick start open
none
iPad 1024 768 pods table with quick start sidebar open none

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