Enhance mobile exp
Created by: st0nebraker
Enhancement to mobile experience.
Changelog
- Navbar width fits screen to match the body
- Navbar logo height matches the hamburger menu height
- Shows one action at a time: Cookie Banner covers Chat Bot until banner is complete (on mobile & desktop)
- Adjusts vertical padding on homepage for mobile (Vert padding between sections should be 4rem (py-5) on mobile and 6rem otherwise (py-7)) (Figma)
Notes
- No change for Acceptance Criteria # 3 because I couldn't repro a large cookie banner. Showing one banner/bot at a time solves the noise of this UI bug.
- I've updated #5381 to note the spacing standardizations so we can apply these to every page at some point
Test
- Ensure prettier has standardized the proposed changes.
- Ensure above UI script bugs are cleared on mobile & web
- Force cookie banner up with
window.Cookiebot.renew()
in the console
- Ensure mobile navbar is compliant to design standards (including dark navbar: i.e. the Cern Case Study)