Cancel button from re-authentication screen is overlapped by the navigation bar

[data-sync-user]

Mozilla VPN affected versions:

• 2.10.0 (2.202208310411);

Tested Platforms:

• All;

Prerequisites:

• Have a FxA account with an active subscription for Mozilla VPN;
• Be in re-authentication screen;

Steps to reproduce:

1. Observe the “Cancel” button from re-authentication screen;

Expected result:

• Cancel button is visible and clickable;

Actual result:

• Cancel button is overlapped by the new nav bar;

Notes:

• If we choose to display the new nav bar in the reauth screen, we need to make the content of the screen accessible.

!image-20220831-092008.png|width=459,height=837!

┆Issue is synchronized with this Jira Bug ┆author: Valentina Virlics

[data-sync-user]

➤ Santiago Andrigo commented:

Ugly as it may be, users can still click on the ‘Back’ arrow and get out of this screen, so marking this as non-blocker by saying it’s ‘Medium’. Having said that, this is very conceptually similar to https://mozilla-hub.atlassian.net/browse/VPN-2778 ( https://mozilla-hub.atlassian.net/browse/VPN-2778|smart-link ) and may be answered with the same solution (logic to indicate on which screens should the Nav Bar be shown).

[data-sync-user]

➤ Valentina Virlics commented:

Santiago Andrigo The difference between delete account screen and re-auth screen is the number of platforms availability.

So either if we chose to show the nav bar or not, we should have visible screen content.

[data-sync-user]

➤ Lesley Norton commented:

Valentina Virlics This should be fixed now that we don’t show the nav bar over this view. Can you verify please? thanks!

[data-sync-user]

➤ Valentina Virlics commented:

Verified this on Windows 10 using Mozilla VPN 2.10.0 (2.202210052004) and the issue is still reproducing, as the nav bar is still there.

!image-20221006-062610.png|width=440,height=756!

[data-sync-user]

➤ Matt Lichtenstein commented:

Would be nice to get a more general fix in via https://mozilla-hub.atlassian.net/browse/VPN-2875 ( https://mozilla-hub.atlassian.net/browse/VPN-2875|smart-link )

[data-sync-user]

➤ Valentina Virlics commented:

Verified as fixed using latest 2.11 builds, across platforms.

Postfix screenshot below.

!image-20221107-105200.png|width=421,height=739!