2000002 - Implement an edge-to-edge wallpaper

Status: RESOLVED FIXED

(Firefox for Android :: Homepage, task)

Description

[Devota Aabel [:devota]]

The desire is for the wallpaper (or a singular color if it's easier) to go "edge-to-edge", meaning behind the toolbar, and behind the system status bar and navigation bar if possible. Here is a bug that involved making the wallpaper go behind the toolbar for search in the middle.

Comment 1

[Titouan Thibaud [:titouan]]

Attachment: Bug 2000002 - Set an edge to edge background on Homepage

Comment 2

[Titouan Thibaud [:titouan]]

Attachment: Bug 2000002 - Set a solid statusbar background when Compose Toolbar is in EditMode.

Comment 3

[Titouan Thibaud [:titouan]]

Attachment: Bug 2000002 - Remove edge to edge background feature flag.

Comment 4

[Titouan Thibaud [:titouan]]

Hey,
I'll land the patch for this bug soon and it requires some QA testing to make sure everything is working correctly.
I'll try to describe as well as possible the process to test it, feel free to ask if you need any more information.

STR

• Install the nightly apk from here (or Nightly after the patch has landed)
• Open Settings > Homepage > Wallpapers
• Select the first option

This will enable the Edge to Edge background, that will adapt to Dark/Light theme.

Things to test

There are a number of branches to test:

• Toolbar on the top
• Toolbar on the bottom
• Tab strip
• Private mode on the aforementioned cases

Figma

Here is the Figma link to show what was expected

Feel free to ask if anything is unclear.

Thanks a lot!

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/0165054c7bfb
https://hg.mozilla.org/integration/autoland/rev/2f9a8989b01a
Set an edge to edge background on Homepage r=android-reviewers,devota

Comment 6

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/2f9a8989b01a

Comment 7

[Adina Petridean QA [:apetridean]]

Attachment: Screenshot 2026-02-03 at 16.42.43.png

Verified the listed scenarios on the above build.
The colors differ from those shown in the Figma designs.
@devota, could you please confirm whether in these screenshots are the expected colors, and not the ones from Figma? Please note that when the toolbar is set to the bottom, there is an additional darker orange color around the toolbar compared to the rest of the page.

Comment 8

[Adina Petridean QA [:apetridean]]

Attachment: Screenshot_20260203-174253.png

Comment 9

[Titouan Thibaud [:titouan]]

Thanks a lot for the review Adina!

I realize the Figma was not totally clear. So the design showing the TabStrip is actually the one we had to implement for "No TabStrip" too.

Which explains the difference you're seeing.

With that information, does it look good? 

Feel free to need-info me in case anything is unclear.

Comment 10

[Adina Petridean QA [:apetridean]]

Attachment: Screenshot_20260203-195145.png

Additionally, on the homepage tab strip there shouldn’t be any tab highlighted. Tabs are only highlighted when the user is on a webpage, to indicate the active tab. This matches the old behavior, so the current behavior is correct, not the one shown in Figma.
In all other aspects, everything looks good.
Verified on Google Pixel 10 (Android 16), SamsungTab S8 Ultra 5G (Android 15) and Samsung Galaxy S9 (Android 8).
CC @Titouan

Comment 11

[Titouan Thibaud [:titouan]]

Thanks a lot for your review Adina!

Comment 12

[Phabricator Automation]

Comment on attachment 9540752 [details]
Bug 2000002 - Remove edge to edge background feature flag.

Revision D280841 was moved to bug 2014189. Setting attachment 9540752 [details] to obsolete.