N-17 Navigation and Breakpoints

crearis commented 3 months ago

1. VIEWPORTS / Breakpoints

design against these devices (Firefox):

iPhone 12/13 390 x 844
iPad 810 x 1080
Laptop 1280 x 800

Small Tablets (768 x 1024) and Small Phones (Samsung 360 x 760 / iPhone SE 375 x 640) may have minor misproportions but should work

DO NOT CONSIDER Viewports between 440 and 767

Breakpoints are: 768 / 1024 / 1280

There is additional tweaking of the box-width/reading-width between 1024 and 1180

2. Nav-Burger left

Please put the nav-burger on mobile left (even if most people navigate it with right hand) > right shall be the account. Do not put a logo > we need the narrow space of the topbar for other stuff We might change this in future > it reqires redesigning if wanted

3. strict Nav-Styling

Please don't break the navigation-titles. Instead cut them off if needed (Char-Count based or CSS-Setting) This Text should still fit on every Viewport: "Profil Performance und Interkulturelles ...". Make the nav-cutoff a configurable option > other themes than dasei will be less strict here.

murisceman commented 3 months ago

Implemented:

Base navigation with two sub-levels.
Viewports.
Optional text wrapping in the menu, controlled via the wrap option.

crearis commented 2 months ago

I have put this in review for the moment

theaterpedia / crearis-nuxt