Project

General

Profile

Actions

Defect #44318

open

Tab bar wraps to a semi-visible second row when the tabs are wider than 2000px

Added by Vincent Robert 2 days ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Resolution:
Affected version:

Description

The tab bar is meant to overflow horizontally. But the list is sized with a hardcoded constant:

#content .tabs ul {
  min-inline-size: 2000px;
  inline-size: 100%;
}

Past 2000px the tabs wrap to a second row.

The core project settings tabs are about 700px wide, so usually stays under the limit. But the limit is reached on instances whose plugins add tabs to the settings pages, project_settings_tabs being a common extension point.

Proposed patch:

-  min-inline-size: 2000px;
-  inline-size: 100%;
+  min-inline-size: 100%;
+  inline-size: max-content;

min-inline-size: 100% keeps the bottom border spanning the full width of the container when there are only a few tabs.
inline-size: max-content sizes the list to its content, so the tabs stay on a single row whatever their number.


Files

No data to display

Actions

Also available in: Atom PDF