Primary tabs disappear instead of collapsing if there are too many of them for the screen width

Created on 31 May 2024, 5 months ago
Updated 15 July 2024, 3 months ago

Problem/Motivation

For sites with many primary tabs, the breakpoint that collapses the tabs is wider than the breakpoint that removes the is-horizontal class. The result is tabs that disappear instead being available in a collapsed navigation.

Steps to reproduce

1. Create an entity type with 12 or so primary tabs and view the page on typical 13-inch laptop.

As seen in the screenshot, the use case as having this many primary tabs on entity type is pretty rare. Even in this scenario, our editors rarely see the issue because we don't give them access to delete or devel. That said, the tabs should always default to collapsing rather than disappearing into a line on screen.

Proposed resolution

TBD

Remaining tasks

1. Create a merge request with a proposed fix.

User interface changes

  • Primary tabs within Claro module could appear collapsed on more device widths.

API changes

None.

Data model changes

None.

Release notes snippet

TBD.

๐Ÿ› Bug report
Status

Needs work

Version

11.0 ๐Ÿ”ฅ

Component
Claroย  โ†’

Last updated 24 minutes ago

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States joshuami Portland, OR

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024