Bug 2013871

Summary: Resource table headings are not aligned with their column data
Product: OpenShift Container Platform Reporter: Steve Goodwin <sgoodwin>
Component: Management ConsoleAssignee: Steve Goodwin <sgoodwin>
Status: CLOSED ERRATA QA Contact: Siva Reddy <schituku>
Severity: medium Docs Contact:
Priority: medium    
Version: 4.9CC: aos-bugs, kdoberst, mgold, yapei
Target Milestone: ---   
Target Release: 4.10.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: No Doc Update
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2022-03-10 16:19:33 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
Pods table
none
Network policy table
none
Machines list table
none
Builds table
none
Table misaligned still
none
tableAligned none

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