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](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3156-22635&t=HrQNxfDRqOAIOWRi-4) - [Dark Mode](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3163-50902&t=HrQNxfDRqOAIOWRi-4)
Bug 2026775 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
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](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3156-22635&t=HrQNxfDRqOAIOWRi-4) - [Dark Mode](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3163-50902&t=HrQNxfDRqOAIOWRi-4) ### 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
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](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3156-22635&t=HrQNxfDRqOAIOWRi-4) - [Dark Mode](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=3163-50902&t=HrQNxfDRqOAIOWRi-4) - [Overall Specs](https://www.figma.com/design/9Lqoh8evbovlSdOq47tA54/~Nova~-Smart-Window-Library---Specs?node-id=104-4338&t=HrQNxfDRqOAIOWRi-4) ### 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