1907656 - [Toolbar Redesign] the OS status bar colour doesn’t match the search and suggest background colour.

Status: RESOLVED FIXED

(Fenix :: Toolbar, defect, P2)

Description

[Aarjav [:aarjav]]

Steps to reproduce

1. On homepage or website, click on the address bar
2. Type something in.
3. You should see the search & suggest screen.

Expected behavior

• When the address bar is at top or bottom, the colour of the OS status bar at the top should follow the background color of the address bar. There shouldn't be any overlay on it.

Actual behavior

• There is an overlay on the OS status bar.

Device information

• Firefox version: Nightly
• Android device model: Pixel 6
• Android OS version: Latest

Any additional information?

Figma Link: https://www.figma.com/design/8fsCvtnweBkWGZ9NfL907l/Toolbar-Redesign?node-id=17745-168814&t=9COmjFtV30LRRYCe-4
This can be addressed during the Phase 2 work.

Comment 1

[Petru-Mugurel Lingurar [:petru]]

Attachment: Bug 1907656 - Use layer1 as the status bar background when searching r=#android-reviewers

Comment 2

[Mike a [:mavduevskiy]]

Attachment: Screenshot 2024-09-01 at 3.10.34 PM.png

is it still reproducible?
tested on nightly and recent dev (of right now), couldn't see the status bar colour changing.

Comment 3

[Petru-Mugurel Lingurar [:petru]]

Attachment: image.png

I also couldn't see an overlay currently applied
Irrespective, in the current patch I focused on the "the colour of the OS status bar at the top should follow the background color of the address bar" requirement which would give the UI in this attachment.

But with the other requirement - "There shouldn't be any overlay on it" now I'm not sure which of the two UI we want.

Comment 4

[Aarjav [:aarjav]]

I am adding a screenshot that I took today.

• By overlay I mean, the black low-opacity overlay on the top status bar.
• By matching the color to the address bar I mean, the color of the status bar should be Layer/1 - https://www.figma.com/design/8fsCvtnweBkWGZ9NfL907l/Toolbar-Redesign?node-id=5894-82836&t=F2iC7Fv0zLo7zj7z-4

Comment 5

[Aarjav [:aarjav]]

Attachment: Screenshot_20240903-151123.png

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/e05c19dee3c3
Use layer1 as the status bar background when searching r=android-reviewers,tchoh

Comment 7

[Sandor Molnar[:smolnar]]

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