Olivero: Focus outline does not accommodate on long text in primary & secondary navigation

Created on 22 September 2021, almost 3 years ago
Updated 19 February 2024, 4 months ago

Problem/Motivation

When we tried to access the navigation links through the tabs, we noticed that the focus outline does not fully cover the longer text in both the secondary and primary navigation bars. The issue needs to be fixed in both navigation bars to ensure the focus outline works properly and covers all the text.

Steps to reproduce

1. Set up the Drupal site, moved on Olivero theme Home page.
2. Edit a menu item in the Primary and secondary navigation to a long text that would take up multiple lines.
3. Access the menu link by tab, focus outline on that long menu item will be show the error.

Proposed resolution

Change the focus outline height with something that would account for longer lengths of texts which require a bigger height for focus.

Remaining tasks

The MR differs from the latest patch. The MR needs to have the correct changes as this is what is used for commit.
Title update. See #51

User interface changes

API changes

Data model changes

Release notes snippet

๐Ÿ› Bug report
Status

Needs work

Version

11.0 ๐Ÿ”ฅ

Component
Oliveroย  โ†’

Last updated 1 day ago

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States hooroomoo

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

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

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.69.0 2024