Bug 2099358

Summary: Dark mode+Topology update: Unexpected selected+hover border and background colors for app groups
Product: OpenShift Container Platform Reporter: Christoph Jerolimov <cjerolim>
Component: Dev ConsoleAssignee: Jeff Phillips <jephilli>
Status: CLOSED ERRATA QA Contact: spathak <spathak>
Severity: low Docs Contact:
Priority: high    
Version: 4.11CC: hsaini, jephilli, nmukherj
Target Milestone: ---   
Target Release: 4.11.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2022-08-10 11:18:49 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.10 hover effects.mp4
none
4.11 light.mp4
none
4.11 dark.mp4 none

Description Christoph Jerolimov 2022-06-20 16:20:34 UTC 
Description of problem:
When a user selects an application group by clicking on it, the border color keeps its old (unselected) color. This looks like the user doesn't select it.

At least: With the light theme the application group background color switches from light-gray (transparent) to a light-blue.

But in the dark theme (dark mode) the background color doesn't change at all. So its really difficult to understand that the click "has done something".


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


How reproducible:
Always


Steps to Reproduce:
1. Import an application and assign an application group
2. Hover and select the application group and deployment with the light and dark theme/mode.


Actual results:
In light mode:
- When hovering over an UNSELECTED app group the border switch from white to black, there is no shadow as in 4.10. (Helm charts, deployments, and other elements still have a hover shadow!)
- When hovering over a SELECTED app group the border switch from BLUE to black. The app group title gots a shadow, the box it self doesn't get a shadow.

In dark mode:
- When hovering over an UNSELECTED app group the border switch from gray to light-gray, there is no shadow as in 4.10. (Helm charts, deployments, and other elements still have a hover shadow!)
- When hovering over a SELECTED app group the border switch from BLUE to light-gray. The app group title gots a shadow, the box it self doesn't get a shadow.


Expected results:
1. When hovering over a selected element, the color should not switch to the unselected+hover color. It should still show the selected color as PodRings, URIs and other elements do.

2. When possible and when it looks good, the box should show a shadow on hover, similar to other elements.


Additional info:
Comment 1 Christoph Jerolimov 2022-06-20 16:24:27 UTC 
Created attachment 1891359 [details]
4.10 hover effects.mp4
Comment 2 Christoph Jerolimov 2022-06-20 16:25:28 UTC 
Created attachment 1891360 [details]
4.11 light.mp4
Comment 3 Christoph Jerolimov 2022-06-20 16:25:47 UTC 
Created attachment 1891361 [details]
4.11 dark.mp4
Comment 10 Hemant Saini 2022-06-27 09:38:27 UTC 
verified on build version: 4.11.0-0.nightly-2022-06-25-081133
verified on browser version: chrome 102
Comment 12 errata-xmlrpc 2022-08-10 11:18:49 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