v3.0-beta1 mobile UI tweaks

[jeremystretch]

Proposed Changes

This issue serves to track small fixes to the mobile UI in the upcoming version 3.0 release that aren't big enough to justify individual bug reports. Please comment below with any issues you encounter within the mobile UI and we'll add it here.

For desktop UI issues, please see #6797.

• Nav menu scrolling is broken on iOS (@Razerlikes)

Justification

To improve the mobile UI in preparation for the upcoming NetBox v3.0 release.

[bellwood]

On iPad Air 3rd Gen, Safari:

-Start in portrait mode
-Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears
-Scroll to the top, you get an additional scroll bar above the search bar and login
-Scroll back down and the footer is gone

-Go to landscape mode, does not exhibit this

-Go back to portrait mode, you can no longer scroll down at all

There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used?

Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier.

[thatmattlove]

On iPad Air 3rd Gen, Safari:

-Start in portrait mode

-Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears

-Scroll to the top, you get an additional scroll bar above the search bar and login

-Scroll back down and the footer is gone

-Go to landscape mode, does not exhibit this

-Go back to portrait mode, you can no longer scroll down at all

There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used?

Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier.

Are you doing these tests on the public beta demo, or locally? If public demo, please try again. Not all the changes I pushed up yesterday made it into the nightly build, but they're there now.

[bellwood]

@thatmattlove Public demo, I will re-visit and follow up, thanks.

[bellwood]

@thatmattlove Everything looks OK sans I still get a scroll bar above the hamburger in portrait mode.

I do occasionally get delays in my ability to scroll down and if I wait a second or two, I'm then able to.

Unsure if this is a transition issue or a DOM issue with the front end?

It's less noticeable than when I first reported, but still present.

[thatmattlove]

Closing this out. I think mobile layouts are now at a reasonable enough state to collapse future issues into #6797, and individual issues after #6797 is closed.