[MGNLUI-6568] TwinColSelectField bad contrast on Chrome Created: 17/Feb/21  Updated: 24/Sep/21  Resolved: 24/Sep/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.10
Fix Version/s: 6.2.12

Type: Bug Priority: Neutral
Reporter: Mercedes Iruela Assignee: Yen Lac Tue
Resolution: Fixed Votes: 0
Labels: cm-team-support, maintenance, ui-bug-selected
Remaining Estimate: Not Specified
Time Spent: 1d 4h 55m
Original Estimate: Not Specified

Attachments: PNG File TwinColContrast.png    
Issue Links:
Problem/Incident
supersession
supersedes MGNLUI-6083 TwinColumnField: not readable and mis... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[X]* Steps to reproduce, expected, and actual results filled
[X]* Affected version filled
Release notes required:
Yes
Date of First Response:
Epic Link: UI bugs
Sprint: Content Mngmt 13
Story Points: 3

 Description   

Steps to reproduce

  1.  Using Chrome, go to https://demoauthor.magnolia-cms.com/.magnolia/admincentral#app:security
  2.  In tab Groups or Roles there is a twin column field
  3. Select one or more groups/roles

    Expected results

The selected text can be read.

 

 

Actual results

The selected text cannot be read because bad contrast.

Workaround

Customer fixed contrast using:

.v-select-twincol-options:focus option:checked, .v-select-twincol-selections:focus option:checked {
    box-shadow: none !important;
}

Development notes

Contrast issue is only in Chrome, in Firefox and Safary the contrast is good.

Also the labels are misaligned: Groups / Available Groups / Assigned Groups should on one line.


Generated at Mon Feb 12 09:37:48 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.