Skip to content

Enhance mobile exp

Warren Gifford requested to merge enhance-mobile-exp into main

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

  1. Ensure prettier has standardized the proposed changes.
  2. Ensure above UI script bugs are cleared on mobile & web
  • Force cookie banner up with window.Cookiebot.renew() in the console
  1. Ensure mobile navbar is compliant to design standards (including dark navbar: i.e. the Cern Case Study)

BEFORE: Screen Shot 2022-06-17 at 12 35 17 PM Screen Shot 2022-06-17 at 12 35 27 PM

NOW: Screen Shot 2022-06-17 at 12 32 57 PM Screen Shot 2022-06-17 at 12 33 08 PM

Merge request reports

Loading