Improve vertical tabs in forced colors mode

Created on 27 April 2022, over 2 years ago
Updated 6 March 2024, 9 months ago

Problem/Motivation

Vertical tabs are not working optimally in forced colors mode. See videos for reference: https://youtu.be/6j0Z62R2bEA and https://youtu.be/VtWjPn5p5-w.

Steps to reproduce

  1. Install drupal 11.x-dev.
  2. Navigate to the vertical tabs.
  3. Added custom block and the palce in any region.
  4. At the bottom of left side, See the visibility of vertically tabs.

Forced colors mode steps : -

  1. Open Developer Tools
  2. Open Command Menu (Ctrl+Shift+P (PC) or Cmd+Shift+P (Mac))
  3. Type Rendering
  4. In the Rendering panel, scroll down to the Emulate CSS media feature forced-colors and activate it from the drop-down.

Proposed resolution

-Apply appropriate border colour on active tab.

Merge request link

https://git.drupalcode.org/project/drupal/-/merge_requests/6003

Remaining tasks

Review/Commit

User interface changes

Before

After

API changes

NA

Data model changes

NA

Release notes snippet

NA

๐Ÿ› Bug report
Status

Fixed

Version

11.0 ๐Ÿ”ฅ

Component
Claroย  โ†’

Last updated 3 days ago

Created by

๐Ÿ‡ซ๐Ÿ‡ฎFinland lauriii Finland

Live updates comments and jobs are added and updated live.
  • Novice

    It would make a good project for someone who is new to the Drupal contribution process. It's preferred over Newbie.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024