Closed Bug 1821743 Opened 3 years ago Closed 3 years ago

Increase size of hamburger menu button in topbar

Categories

(Thunderbird :: Theme, enhancement)

x86_64
Windows 10
enhancement

Tracking

(thunderbird_esr102 unaffected)

RESOLVED DUPLICATE of bug 1822286
Tracking Status
thunderbird_esr102 --- unaffected

People

(Reporter: svlmrc, Unassigned)

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

Steps to reproduce:

Hover on the hamburger menu

Actual results:

Button is too small, difficult to click

Expected results:

The button should be bigger

The following CSS rules make it better. I'm not able to do make a patch now, but you can try it in developer tools:

.toolbarbutton-1:not([is="toolbarbutton-menu-button"]), .toolbarbutton-1 > .toolbarbutton-menubutton-button, .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
border-radius: var(--button-border-radius);
}

.toolbarbutton-1, .toolbarbutton-menubutton-button {
min-height: 24px;
min-width: 32px;
margin-left: 1px;
margin-right: 1px;
padding: 1px 5px !important;
}

Summary: Increase size of hamburger menu in topbar → Increase size of hamburger menu button in topbar
Version: Trunk → Thunderbird 112

You mean the hamburger top right, not the meatballs top left above the folder pane?
What type of computer/pointing hardware are you using?

Severity: -- → S3
Type: enhancement → defect
Flags: needinfo?(svlmrc)

I mean the hamburger in the top bar (next to the window controls to minimize, maximize and close). The issue is with the new upcoming interface, I'm on 113 Daily.
I'm on regular mouse + keyboard, Windows 10

Flags: needinfo?(svlmrc)
OS: Unspecified → Windows 10
Hardware: Unspecified → x86_64
Version: Thunderbird 112 → Trunk

I can't reproduce, but the app menu is not styled the same way of the other unified toolbar buttons.
The style is getting updated in bug 1822286, which will probably fix the issue you're experiencing as it will make the app menu follow the style of the other toolbar buttons

Attached image Hamburger menu on hover

This is the current styling as of the most recent changes. This is the same as our most recent daily.

The button is set to hover to show click/hover area. It's not the same size as close and minimize buttons, but it is similar in size currently to buttons in the customized toolbar.

Are you seeing something smaller than this?

@Elizabeth I see it exactly as your image. I'd just like it to be a bit bigger (on top, more "squared") or the same as the window control buttons (to span the full height). Btw thanks for your reply, mine was just a minor suggestion

Marking this as enhancement as per comment 6.
Also this will be improved in bug 1822286, so marking it as duplicate.
We won't make the app menu as tall as the window controls, but it'll be square and a bit taller.

Status: UNCONFIRMED → RESOLVED
Type: defect → enhancement
Closed: 3 years ago
Duplicate of bug: 1822286
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: