Bug 2046496

Summary: Awkward wrapping of project toolbar on mobile
Product: OpenShift Container Platform Reporter: Samuel Padgett <spadgett>
Component: Management ConsoleAssignee: Steve Goodwin <sgoodwin>
Status: CLOSED ERRATA QA Contact: Xiyun Zhao <xiyuzhao>
Severity: low Docs Contact:
Priority: unspecified    
Version: 4.10CC: jhadvig, yapei
Target Milestone: ---   
Target Release: 4.11.0   
Hardware: Unspecified   
OS: Unspecified   
Fixed In Version: Doc Type: No Doc Update
Doc Text:
Story Points: ---
Clone Of: Environment:
Version: 4.10.0-0.nightly-2022-01-17-091922 Cluster ID: 0991574b-4684-468f-8506-9e6dd3d8ac15 Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.137 Safari/537.36
Last Closed: 2022-08-10 10:44:09 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:
Description Flags
Screenshot none

Description Samuel Padgett 2022-01-26 19:57:55 UTC
Created attachment 1855617 [details]

See screenshot. There is no padding between the filter dropdown the and name filter when the toolbar items wrap. This is a minor issue, but I don't believe it's intended. Also the customize columns icon can wrap to a line on its own at 320px.

Comment 1 Steve Goodman 2022-01-31 12:44:41 UTC
Hi Jakub,

Can you help me understand why you assigned this to me (documentation)? From the description, I don't see anything connected to documentation. This looks like a UX bug to me.

Comment 4 Xiyun Zhao 2022-02-24 02:52:21 UTC
This bug has been verified on payload 4.11.0-0.nightly-2022-02-23-185405

Verification Steps:
1. Login OCP, navigate to Home -> Project and Workloads -> Pods page
2. Open developer tools of the browser, toggle device tool bar, resize the page less than 769px width
3. Check if the list filters and column management buttons display as an icon

3. The list filters and column management buttons display as an icon when the width of page less than 769px, and the icon will return to original layout after width of page is more than 769px.
   These changes are taken effect on Home-> project and Workloads -> Pods page

Comment 7 errata-xmlrpc 2022-08-10 10:44:09 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 (Important: OpenShift Container Platform 4.11.0 bug fix and security 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.