Bug 2046496 - Awkward wrapping of project toolbar on mobile
Summary: Awkward wrapping of project toolbar on mobile
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.10
Hardware: Unspecified
OS: Unspecified
Target Milestone: ---
: 4.11.0
Assignee: Steve Goodwin
QA Contact: Xiyun Zhao
Depends On:
TreeView+ depends on / blocked
Reported: 2022-01-26 19:57 UTC by Samuel Padgett
Modified: 2022-08-10 10:44 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: No Doc Update
Doc Text:
Clone Of:
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
Target Upstream Version:

Attachments (Terms of Use)
Screenshot (101.76 KB, image/png)
2022-01-26 19:57 UTC, Samuel Padgett
no flags Details

System ID Private Priority Status Summary Last Updated
Github openshift console pull 11063 0 None open Bug 2046496: Update the list Toolbar to use ToolbarToggleGroup when less than 769px width 2022-02-15 23:33:34 UTC
Red Hat Product Errata RHSA-2022:5069 0 None None None 2022-08-10 10:44:28 UTC

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.


Note You need to log in before you can comment on or make changes to this bug.