[Headers] Top header is disconnect from status bar wich is a shame

[Octoton]

The old firefox header bar was cleaner because it was one with the status bar.

To get the same visual appeal, the loading bar should be at the bottom and the dark one pixel line at the top of the header bar should be remove.

┆Issue is synchronized with this Jira Task

[Octoton]

Old firefox:

New firefox loading:

New firefox dark one pixel line:

[sv-sdeiac]

@pocmo Can you take a view on this issue and let your opinion on it?

[Dunexus]

The one pixel line is also visible at the bottom of the screen when using bottom toolbar even if it is less noticeable.

[brampitoyo]

Sorry. This is an issue that somehow we’ve overlooked.

When the toolbar is on top:

• The loading bar should appear below the toolbar – same with Fennec
• The one pixel line above the toolbar should not appear

When the toolbar is on the bottom, the current design is already correct.

[Dunexus]

@brampitoyo When the toolbar is on the bottom, there is still a one pixel grey line above and under the toolbar.

I highlighted the left part of these grey lines in red.
I don't think bottom one is intended.

Also, this might be related to some alignment issues between the toolbar on webpage and homepage (see #8087)

[sv-sdeiac]

Verified as fixed using the latest version of Firefox Preview Nightly 2/6 #20370604.

Devices:

• Nokia 6 (Android 7.1.1);
• Samsung Galaxy (Android 9);
• Google Pixel 3 (Android Q).