Skip to content

Polish auto-hide nav buttons (fixes on top of #22)#23

Merged
Firnschnee merged 10 commits into
mainfrom
autohide-polish
Jun 4, 2026
Merged

Polish auto-hide nav buttons (fixes on top of #22)#23
Firnschnee merged 10 commits into
mainfrom
autohide-polish

Conversation

@Firnschnee
Copy link
Copy Markdown
Owner

What

Polishes and fixes the auto-hide / hide navigation buttons feature from #22. Thanks @DeathMurderGod for the original implementation and the three-mode design.

This branch builds directly on #22's commits, so merging it lands that work too. Supersedes #22.

Fixes on top of #22

  • Reload no longer too narrow – native button widths are restored via revert instead of the hardcoded 32px, which was smaller than the native button.
  • Back arrow no longer glued to the window edge – Firefox gives #back-button 8px of leading padding (vs 2px on the others). revert misses that asymmetric value, so it is restored explicitly.
  • Disabled back/forward dim correctly – the reveal no longer forces full opacity on disabled buttons, restoring Firefox's native greyed-out cue (previously rendered full white).
  • Smooth slide-in preservedrevert can't animate from 0, so the reveal uses a fixed max-width cap as the animatable bound.
  • Drops a leftover margin: 0 from the collapse and normalizes config whitespace.

Notes

Default stays 0 (feature off). Opt-in via --uc-autohide-nav-buttons (1 = hover + focus, 2 = hover only) and --uc-hide-nav-buttons (permanent hide). Verified on Firefox ESR 151, all three modes.

DeathMurderGod and others added 10 commits June 3, 2026 18:49
Added

--uc-tab-min-width: 36px;

.tabbrowser-tab:not([pinned]) {
  min-width: var(--uc-tab-min-width) !important;
}
Match the selector to the adjacent max-width rules so the min-width
does not fight collapsed tab-group collapse-to-zero or apply during
the tab close animation.
Adds back function to --uc-autohide-nav-buttons: 1;

One issue is that the solution messes up the spacing between navigation buttons
0 = always show, 1 = reveal with hover and focus, 2 = reveal with only hover

One issue is that spacing between the buttons gets removed
Polish on top of #22 (DeathMurderGod). Fixes:
- Restore native button widths via revert instead of hardcoded 32px;
  reload was rendered too narrow
- Restore back button's 8px native leading padding (revert misses the
  asymmetric value), fixing the arrow gluing to the window edge
- Dim disabled back/forward on reveal instead of forcing full opacity,
  restoring the native greyed-out cue
- Animate the reveal via a fixed max-width cap so the slide survives revert
- Drop margin:0 from collapse, normalize config whitespace
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants