Mobile friendly breadcrumb (Lighthouse)

Created on 11 July 2021, over 3 years ago
Updated 3 February 2023, about 2 years ago

Problem

If the long breadcrumb is on multiple lines, it does not meet the minimum link distance.

Tap targets are not sized appropriately 90% appropriately sized tap targets

Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements.

Proposed resolution

.content-header {
  padding-top: .7rem;
  padding-bottom: 2.25rem;
}
.breadcrumb__item,
.breadcrumb__link {
  line-height: 48px;
}
๐Ÿ› Bug report
Status

Needs work

Version

9.5

Component
Claroย  โ†’

Last updated about 10 hours ago

Created by

๐Ÿ‡จ๐Ÿ‡ฟCzech Republic hop

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.

  • Needs manual testing

    The change/bugfix cannot be fully demonstrated by automated testing, and thus requires manual testing in a variety of environments.

  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

  • Needs screenshots

    The change alters the user interface, so before and after screenshots should be added to document the UI change. Make sure to capture the relevant region only. Use a tool such as Aviary on Windows or Skitch on Mac OS X.

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