Bug 2013871 - Resource table headings are not aligned with their column data
Summary: Resource table headings are not aligned with their column data
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.9
Hardware: Unspecified
OS: Unspecified
medium
medium
Target Milestone: ---
: 4.10.0
Assignee: Steve Goodwin
QA Contact: Siva Reddy
URL:
Whiteboard:
: 2013535 2015144 (view as bug list)
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2021-10-13 23:38 UTC by Steve Goodwin
Modified: 2022-03-10 16:19 UTC (History)
4 users (show)

Fixed In Version:
Doc Type: No Doc Update
Doc Text:
Clone Of:
Environment:
Last Closed: 2022-03-10 16:19:33 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
Pods table (347.41 KB, image/png)
2021-10-13 23:38 UTC, Steve Goodwin
no flags Details
Network policy table (254.32 KB, image/png)
2021-10-13 23:40 UTC, Steve Goodwin
no flags Details
Machines list table (332.51 KB, image/png)
2021-10-13 23:41 UTC, Steve Goodwin
no flags Details
Builds table (210.76 KB, image/png)
2021-10-13 23:42 UTC, Steve Goodwin
no flags Details
Table misaligned still (251.45 KB, image/png)
2021-10-19 18:38 UTC, Siva Reddy
no flags Details
tableAligned (218.15 KB, image/png)
2021-10-29 04:41 UTC, Siva Reddy
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 10236 0 None open Bug 2013871: Fix alignment of column headings with table cells 2021-10-14 00:02:24 UTC
Red Hat Product Errata RHSA-2022:0056 0 None None None 2022-03-10 16:19:54 UTC

Description Steve Goodwin 2021-10-13 23:38:28 UTC
Created attachment 1832737 [details]
Pods table

This bug effects all tables that have a kebab button in the far right column, which are mostly our resource list pages. 

The table headings are misaligned to their table cell contents.

Table headings and column data should be aligned.


Additional info:
Bug was introduced when updating theme variables https://github.com/openshift/console/commit/a4ae661800a62c85b1280029291ffbd772679621#diff-28c7abc9fceeb716adb6850a96da67b203a13428b8ca95649c3ae66834b3573bR290-R291

Comment 1 Steve Goodwin 2021-10-13 23:40:47 UTC
Created attachment 1832738 [details]
Network policy table

Comment 2 Steve Goodwin 2021-10-13 23:41:27 UTC
Created attachment 1832739 [details]
Machines list table

Comment 3 Steve Goodwin 2021-10-13 23:42:01 UTC
Created attachment 1832741 [details]
Builds table

Comment 4 Yadan Pei 2021-10-15 01:30:22 UTC
it looks like same issue with https://bugzilla.redhat.com/show_bug.cgi?id=2013535?

Comment 6 Steve Goodwin 2021-10-18 15:50:14 UTC
*** Bug 2013535 has been marked as a duplicate of this bug. ***

Comment 7 Steve Goodwin 2021-10-18 15:52:19 UTC
*** Bug 2015144 has been marked as a duplicate of this bug. ***

Comment 8 Siva Reddy 2021-10-19 18:38:18 UTC
Created attachment 1834743 [details]
Table misaligned still

The issue still exists. attaching the screenshot that shows the cluster version, issue and the PR being merged message

ClusterVersion:
4.10.0-0.nightly-2021-10-16-173656


Steps to Reproduce:
1. goes to any workloads list page such as Pods list /k8s/all-namespaces/pods, Deployments list /k8s/all-namespaces/deployments
3. goes to project workloads list page such as /k8s/ns/openshift-console/deployments

Actual results:
1 ~ 2. table data and heading are not vertical aligned/matched, see screenshot

Expected results:
1 ~ 2. table data and heading should be aligned so that user can identify the value easily

Comment 9 Steve Goodwin 2021-10-19 22:04:09 UTC
Hi Siva, I'm not sure why but I'm running the same 4.10.0-0.nightly-2021-10-16-173656 and the column headings are aligned for me. 
I tested on the latest versions of Chrome, Firefox and Safari; on both OSX and Windows OS.

Can you tell me what browser and version you are still seeing this bug on? Thanks

Comment 12 Siva Reddy 2021-10-20 01:33:47 UTC
Hi Steve,
Like i indicated in the screen shot that I attached the version is - 4.10.0-0.nightly-2021-10-16-173656 and it is in ChromeVersion94 on Fedora. 
 I'm sending you cluster details in slack, please check

Comment 14 Siva Reddy 2021-10-29 04:41:31 UTC
Created attachment 1838190 [details]
tableAligned


ClusterVersion:
4.10.0-0.nightly-2021-10-28-150422


Steps to Reproduce:
1. goes to any workloads list page such as Pods list /k8s/all-namespaces/pods, Deployments list /k8s/all-namespaces/deployments
3. goes to project workloads list page such as /k8s/ns/openshift-console/deployments


1 ~ 2. table data and heading are aligned

Comment 18 errata-xmlrpc 2022-03-10 16:19:33 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.10.3 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.

https://access.redhat.com/errata/RHSA-2022:0056


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