Project

General

Profile

Actions
Copy link

Patch #44341

closed

Increase top menu hover highlight by increasing the padding of the elements

Added by Vincent Robert 21 days ago. Updated 10 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Marius BĂLTEANU
Category:
UI
Target version:
7.0.1

Description

The top menu highlights the entry under the cursor with a background color, but the highlight is only as tall and as wide as the label itself.

The attached patch makes the links fill the bar. The links become flex boxes with their own padding, so the highlight spans the full height of the bar and extends slightly past the label.

Everything else stays where it is. Labels, avatar and bar height are unchanged.

The classic theme draws icons behind the top menu links with padding-inline-start and background-position; both are shifted by 6px so that its labels and icons also stay in place.

Files

Download all files
topmenu_hover_full_height.patch (2.47 KB) topmenu_hover_full_height.patch Vincent Robert, 2026-08-13 16:31
before.png (11.2 KB) before.png Vincent Robert, 2026-08-13 16:38
after.png (11.2 KB) after.png Vincent Robert, 2026-08-13 16:38
0001-Improve-top-menu-hover-44341.patch (1.73 KB) 0001-Improve-top-menu-hover-44341.patch Marius BĂLTEANU, 2026-08-18 23:36
clipboard-202608190037-mpymz.png (17.5 KB) clipboard-202608190037-mpymz.png Marius BĂLTEANU, 2026-08-18 23:37
0002-Top-menu-hover-highlight-cover-the-height-of-the-bar.patch (1.21 KB) 0002-Top-menu-hover-highlight-cover-the-height-of-the-bar.patch Marius BĂLTEANU, 2026-08-18 23:38

Related issues

Related to Redmine - Patch #44293: Add a caret to the account menu to indicate it opens a dropdownClosedMarius BĂLTEANUActions
Related to Redmine - Defect #44351: Fix top menu position in Classic themeClosedMarius BĂLTEANUActions
Actions
Copy link

Also available in: Atom PDF