2026775 - [Nova] Implement detached anchor bar container

Status: RESOLVED FIXED

(Core :: Machine Learning: Frontend, enhancement)

Description

[Justin Levinsohn]

Nova introduces a detached “anchor bar” container that groups the tab strip and toolbar into a single floating surface, visually separated from the web content.

This replaces the current flush layout.

• Tab strip and toolbar are contained within a single anchor bar container

• Anchor bar is visually detached from the web content:

  • Not flush with page content
  • Has visible offset from surrounding edges per design

• Anchor bar spans the full width of the window within defined margins

• Visual styling matches Nova spec:

  • Background
  • Border / stroke
  • Corner radius
  • Shadow / elevation

• Styling is correct in both light and dark mode per Nova spec

• Tab strip and toolbar align correctly within the anchor container (no spacing or clipping issues)

• No regression to tab or toolbar functionality

• Layout behaves correctly across window sizes and states

Figma Specs

• Light Mode
• Dark Mode
• Overall Specs

Important Note

• Adopt Nova/shared components where available; avoid patching existing customized implementations
• Remove legacy Smart Window overrides before applying new styling
• If upstream component already satisfies spec, prefer using it directly

Comment 1

[mlucks]

Attachment: Bug 2026775 - Smart Window anchor bar container styling for Nova - r?jules,gcardieri

Comment 2

[mlucks]

Based on chats with the team, it seems like we should inherit most styles from Classic.

Here is their mock for reference.

Differences would include:

• Toolbar background color
• Chrome separator color (the border color)
• Box-shadow applied to the toolbar

I am pending confirmation from UX, which will not happen until the designer in charge is back from vacation (May 26 or around then)

Comment 3

[mlucks]

Attachment: Bug 2026775 - Smartwindow Nova Theme implementation with a focus on the toolbar - r?gcardieri,emilio

Comment 4

[mlucks]

Bug 2046822 does not block this work. Associating because without it, the anchor bar/toolbox has broken tabs

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/6c7518f1c00b
https://hg.mozilla.org/integration/autoland/rev/b90c9e2d1416
Smartwindow Nova Theme implementation with a focus on the toolbar - r=gcardieri,emilio,desktop-theme-reviewers,tabbrowser-reviewers,robwu,nsharpley

Comment 6

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/b90c9e2d1416