Note: This bug is displayed in read-only format because the product is no longer active in Red Hat Bugzilla.

Bug 2044412

Summary: Topology list misses separator lines and hover effect let the list jump 1px
Product: OpenShift Container Platform Reporter: Christoph Jerolimov <cjerolim>
Component: Dev ConsoleAssignee: Abhinandan Das <abhindas>
Status: CLOSED ERRATA QA Contact: spathak <spathak>
Severity: low Docs Contact:
Priority: medium    
Version: 4.10CC: dsantra, nmukherj
Target Milestone: ---   
Target Release: 4.11.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: No Doc Update
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2022-08-10 10:43:39 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
4.9.gif
none
4.10.gif none

Description Christoph Jerolimov 2022-01-24 14:53:52 UTC
Description of problem:
The topology list view had a separator line until 4.9. At the moment the topology list "jumps" 1px up and down when hovering/leaving a list item.

Version-Release number of selected component (if applicable):
4.10, works fine in 4.9

How reproducible:
Always

Steps to Reproduce:
1. Switch to dev perspective
2. Import a deployment or select a namespace with some deployments
3. Hover with the mouse (or try it with the keyboard) over some list items

Actual results:
1. Separator lines are missing between the deployments
2. Hover let the list elements below the hovered item jump by 1px

Expected results:
1. Separator lines should be shown
2. When hover/selecting an item the items below the current item should stay at their position

Additional info:
CSS rule which let the attribute jump down:

.odc-topology-list-view .pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child), .odc-topology-list-view .pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child) {
    --pf-c-data-list__item--BorderBottomWidth: 1px;
}

Comment 1 Christoph Jerolimov 2022-01-24 14:59:00 UTC
Created attachment 1853098 [details]
4.9.gif

Comment 2 Christoph Jerolimov 2022-01-24 15:00:00 UTC
Created attachment 1853099 [details]
4.10.gif

Comment 4 Debsmita Santra 2022-03-09 10:01:31 UTC
verified this on 4.10.3 cluster, the hover effect on the application is missing, and click action won't open the application sidebar
https://github.com/openshift/console/pull/11162 this cherry-pick PR fixes this issue

Comment 6 Christoph Jerolimov 2022-03-17 10:19:06 UTC
It's fixed in https://github.com/openshift/console/pull/10883 and backported with https://github.com/openshift/console/pull/10973 to 4.10.

Verified on 4.11.0-0.nightly-2022-03-16-103946

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

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