Bug 2042852 - Topology toolbars are unaligned to other toolbars
Summary: Topology toolbars are unaligned to other toolbars
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Dev Console
Version: 4.10
Hardware: Unspecified
OS: Unspecified
Target Milestone: ---
: 4.11.0
Assignee: Avik Kundu
QA Contact: spathak@redhat.com
Depends On:
Blocks: 2099600
TreeView+ depends on / blocked
Reported: 2022-01-20 09:12 UTC by Christoph Jerolimov
Modified: 2022-08-10 10:43 UTC (History)
3 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
: 2099600 (view as bug list)
Last Closed: 2022-08-10 10:43:03 UTC
Target Upstream Version:

Attachments (Terms of Use)
topology-dev-4.9-wide.png (151.49 KB, image/png)
2022-01-20 09:21 UTC, Christoph Jerolimov
no flags Details
topology-dev-4.10-wide.png (169.20 KB, image/png)
2022-01-20 09:22 UTC, Christoph Jerolimov
no flags Details
topology-dev-4.10-wide-with-export.png (125.17 KB, image/png)
2022-01-20 09:22 UTC, Christoph Jerolimov
no flags Details
topology-admin-4.9-wide.png (147.95 KB, image/png)
2022-01-20 09:22 UTC, Christoph Jerolimov
no flags Details
topology-admin-4.10-wide.png (172.47 KB, image/png)
2022-01-20 09:22 UTC, Christoph Jerolimov
no flags Details
topology-admin-4.10-wide-with-export.png (178.56 KB, image/png)
2022-01-20 09:23 UTC, Christoph Jerolimov
no flags Details

System ID Private Priority Status Summary Last Updated
Github openshift console pull 11160 0 None Waiting on Customer Facing issues while Converting OEL 7.9 to RHEL 2022-06-20 15:34:39 UTC
Red Hat Product Errata RHSA-2022:5069 0 None None None 2022-08-10 10:43:25 UTC

Description Christoph Jerolimov 2022-01-20 09:12:08 UTC
Description of problem:
The UI looks not aligned anymore with some latest changes. The topology toolbars are unaligned to other toolbars in admin and dev perspective.

Version-Release number of selected component (if applicable):

(Was fine in 4.8 and 4.9!)

How reproducible:

Steps to Reproduce:
1. Install Primer operator to see also the export button
2. For admin perspective: Switch perspective, navigate to projects, select a project and switch to the workload tab
3. For dev perspective: Switch perspective, select a project and navigate to topology

Test both with different browser widths.

Actual results:
In admin perspective: Namespace and topology bars are not aligned with the tabs above.
In dev perspective: The topology bar (add icon and export button) is not aligned with the project dropdown above.

Expected results:
In both perspectives, the toolbars should be aligned correctly. (In a clear line from top to bottom)

Additional info:
Please notice that the padding of the toolbars depends on the window width!

Comment 1 Christoph Jerolimov 2022-01-20 09:21:56 UTC
Created attachment 1852116 [details]

Comment 2 Christoph Jerolimov 2022-01-20 09:22:07 UTC
Created attachment 1852117 [details]

Comment 3 Christoph Jerolimov 2022-01-20 09:22:25 UTC
Created attachment 1852119 [details]

Comment 4 Christoph Jerolimov 2022-01-20 09:22:44 UTC
Created attachment 1852120 [details]

Comment 5 Christoph Jerolimov 2022-01-20 09:22:54 UTC
Created attachment 1852121 [details]

Comment 6 Christoph Jerolimov 2022-01-20 09:23:05 UTC
Created attachment 1852122 [details]

Comment 10 Christoph Jerolimov 2022-05-23 08:41:00 UTC
Verified on 4.11.0-0.nightly-2022-05-20-213928

Comment 13 errata-xmlrpc 2022-08-10 10:43:03 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.