[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: |
|
||||||||||||
| Issue Links: |
|
||||||||||||
| 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
The selected text can be read.
Actual resultsThe selected text cannot be read because bad contrast. WorkaroundCustomer fixed contrast using:
.v-select-twincol-options:focus option:checked, .v-select-twincol-selections:focus option:checked {
box-shadow: none !important;
}
Development notesContrast 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. |