Repository navigation
Safe space at top and bottom updates for mobile #518
Description
Virtual gesture bar and AssistiveTouch virtual home button: Review UX and adapt as needed
Layout is broken on some iOS devices due to use of safe space.
- Change the height calculation for mobile to account for additional UI (issue with ui taller than available space and two finger scrolling)
- Make the whole bottom bar a button
- Make bottom bar height account for safe space
- Position logo based on height
- Adjust for top bar overlay in fullscreen mode from browser on iPad
- Test on a range of devices / sizes
- Test browser (inc fullscreen) and add to home page
- Test portrait and landscape
Activity
Updates for layout on mobile devices
[-]Bottom bar updates for mobile[/-][+]Safe space at top and bottom updates for mobile[/+]Adjust top bar CSS
tracygardner commentedon Aug 17, 2026
Layout was not working for iOS devices (in different ways for different devices).
Multiple attempts to get this working across all devices!
55eaee3 9ce718e 38e15c8 292b8f9
tracygardner commentedon Aug 17, 2026
Now the layout works and you can access the buttons to switch between code and canvas view. Also working for iOS tablets and remains working for Android (unlike intermediate attempts!)