Skip to content

Keep the right-sidebar compact-mode toggle at the outside edge - #16282

Open
luantak wants to merge 1 commit into
zen-browser:devfrom
luantak:fix/right-sidebar-toggle-tested
Open

luantak wants to merge 1 commit into
zen-browser:devfrom
luantak:fix/right-sidebar-toggle-tested

Conversation

@luantak

@luantak luantak commented Oct 30, 2026 •

Copy link
Copy Markdown

Fixes #16321.

The left sidebar already keeps the compact-mode toggle near the outside edge when the sidebar opens or closes. With the expanded right sidebar in the multiple-toolbar layout, the button instead jumps horizontally between the sidebar header and navigation toolbar.

End-align the sidebar's top button group and place that group after the application menu when it moves into the compact navigation toolbar. Both rules are limited to the expanded right sidebar with multiple toolbars.

Issue #16321 compares the existing left and right behavior with actual Zen screenshots and reproduction steps.

Validation

  • Full Zen/Firefox 159 source build on Fedora 44 x86_64 passed: npm run build -- --jobs 12 (about 21 minutes). The CSS fix is unchanged from that tested build.
  • UI rebuild after removing the added test passed: npm run build:ui.
  • Re-ran the existing compact-mode browser-chrome suite: npm test -- compact_mode --headless — 16 checks across 3 tests passed, zero unexpected results.
  • git diff --check passed.
  • The added regression test and its manifest entry have been removed. The PR diff contains only the two CSS changes.
  • Build and runtime testing were on Linux; Windows and macOS were not tested.

Full build log · Left/right comparison captures and measurements

Actual Zen before/after screenshots

Unedited full-window captures of the locally built Zen executable, running on Xvfb with isolated profiles and a 1280×800 window. The development build uses the default unofficial “Nightly” branding. The compact-mode toggle is the split-panel icon near the top-right.

State Before After
Expanded right sidebar Actual Zen before, expanded sidebar Actual Zen after, expanded sidebar
Compact mode Actual Zen before, compact mode Actual Zen after, compact mode

Follow-up to #16280 with a real source build and actual Zen screenshots.

@luantak
luantak requested a review from mr-cheffy as a code owner October 30, 2026 19:54

@mr-cheffy mr-cheffy left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please make an issue and link it to this PR, like the other pull requests. Thanks!

Also, no need for the tests

@luantak luantak changed the title Fix right-sidebar compact toggle position with browser regression coverage Keep the right-sidebar compact-mode toggle at the outside edge Nov 1, 2026
@luantak
luantak force-pushed the fix/right-sidebar-toggle-tested branch from be2dfa2 to ee119aa Compare November 1, 2026 22:32
@luantak

luantak commented Nov 1, 2026 •

Copy link
Copy Markdown
Author

@mr-cheffy linked #16321, removed the added tests. Could you take another look? Thanks!

@luantak
luantak force-pushed the fix/right-sidebar-toggle-tested branch from ee119aa to 83837c9 Compare November 1, 2026 22:37

This branch has not been deployed

No deployments
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.

Right-sidebar compact-mode toggle jumps instead of preserving the left sidebar's outside-edge behavior

2 participants