Problem/Motivation

As pictured here: In forced colors mode, dropbutton borders look weird and the chevron is basically missing.

In addition, when the dropbutton is open, there is nothing to distinguish the items from the background, and there is no hover or focus effect.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Issue fork gin-3374194

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

bnjmnm created an issue. See original summary.

bnjmnm’s picture

Status: Active » Needs review
StatusFileSize
new33.98 KB
new37.24 KB
new38.2 KB

MR fixes the problems in the IS

Chevron is visible, list is outlined, messy border/outlines fixed

Hover effect for items

Focus effect for items

Harish1688’s picture

StatusFileSize
new17.7 KB
new25.26 KB

Hi,

Tested the MR !278 to address the issue drop button issues in forced color mode. it's works fine, all issue points (chevron icon visibility, Hover/Focus state ) are covered in MR:

Testing Steps:
1. Install the Drupal 10.0.x version and enable gin 8.x.
2. on path admin/structure/types/manage/article/fields, enable the force color mode.
3. Switch to MR and verified the changes in update MR.

attached the screen for references.
Beore:
issue image
After:
issue image
Looks Good for RTBC

bnjmnm’s picture

Status: Needs review » Reviewed & tested by the community

Based on the comment in #4, the intent was to RTBC but the status was not changed, so I am changing it.

saschaeggi made their first commit to this issue’s fork.

saschaeggi’s picture

Title: Dropbutton issues in forced colors mode » [a11y] Dropbutton issues in forced colors mode
Status: Reviewed & tested by the community » Fixed

Thanks 💪

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.