Bug 2044412 - Topology list misses separator lines and hover effect let the list jump 1px
Summary: Topology list misses separator lines and hover effect let the list jump 1px
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Dev Console
Version: 4.10
Hardware: Unspecified
OS: Unspecified
medium
low
Target Milestone: ---
: 4.11.0
Assignee: Abhinandan Das
QA Contact: spathak@redhat.com
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2022-01-24 14:53 UTC by Christoph Jerolimov
Modified: 2022-08-10 10:43 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: No Doc Update
Doc Text:
Clone Of:
Environment:
Last Closed: 2022-08-10 10:43:39 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
4.9.gif (463.61 KB, image/gif)
2022-01-24 14:59 UTC, Christoph Jerolimov
no flags Details
4.10.gif (714.85 KB, image/gif)
2022-01-24 15:00 UTC, Christoph Jerolimov
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 10883 0 None Merged Bug 2039277: fix topology list view 2022-03-17 10:19:05 UTC
Red Hat Product Errata RHSA-2022:5069 0 None None None 2022-08-10 10:43:53 UTC

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


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