1986942 - Split view content panel styling

Status: VERIFIED FIXED

(Firefox :: Tabbed Browser: Split View, enhancement, P1)

Description

[Stuart Colville [:muffinresearch]]

• Rounded corners for both content areas and padding between content areas
• Blue highlight for active tab’s content area

Note: this is an initial stub, and we may want to break it down into individual bugs as needed.

Comment 1

[Jonathan Sudiaman [:jsudiaman]]

Attachment: Bug 1986942 - Split view content panel styling r?#sidebar-reviewers

Comment 2

[Sarah Clements [:sclements]]

Here's the figma spec.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/8643584f9975
https://hg.mozilla.org/integration/autoland/rev/a4f528816eaf
Split view content panel styling r=desktop-theme-reviewers,tabbrowser-reviewers,nsharpley,dao

Comment 4

[Cristian Tuns]

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

Comment 5

[Alexandru Trif, Desktop Test Engineering [:atrif]]

Attachment: image.png

Hello! I verified with Firefox 146.0a1 (2025-09-30) on Windows 11, macOS 26, and Ubuntu 24 that:

• the views have rounded corners for both content areas
• the active view is surrounded by a blue highlight with rounded corners
• macOS 26 has a splitter between content areas that matches Figma specs

However, I am not sure that the splitter on Windows 11 and Ubuntu 24 is wide enough or if it looks as expected (it's different from Figma). Can you please confirm if this looks as expected on Windows 11/Ubuntu 24 or if this is being worked on somewhere else? Thank you!

Comment 6

[Jonathan Sudiaman [:jsudiaman]]

(In reply to Alexandru Trif, Desktop Test Engineering [:atrif] from comment #5)

Created attachment 9523457 [details]
image.png

Hello! I verified with Firefox 146.0a1 (2025-09-30) on Windows 11, macOS 26, and Ubuntu 24 that:

• the views have rounded corners for both content areas
• the active view is surrounded by a blue highlight with rounded corners
• macOS 26 has a splitter between content areas that matches Figma specs

However, I am not sure that the splitter on Windows 11 and Ubuntu 24 is wide enough or if it looks as expected (it's different from Figma). Can you please confirm if this looks as expected on Windows 11/Ubuntu 24 or if this is being worked on somewhere else? Thank you!

The behavior on Windows does look a bit off, according to your screenshot. I don't believe this is currently being worked on. Would be great to have a bug to cover this. Thanks!

Comment 7

[Alexandru Trif, Desktop Test Engineering [:atrif]]

(In reply to Jonathan Sudiaman [:jsudiaman] from comment #6)

The behavior on Windows does look a bit off, according to your screenshot. I don't believe this is currently being worked on. Would be great to have a bug to cover this. Thanks!

Thank you for your answer. I have filed bug 1997346. Closing this as verified based on the above comments.