search

canonical / vanilla-framework

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.
https://vanillaframework.io
GNU Lesser General Public License v3.0
799 stars 163 forks source link

Adding grid usage explanation to app layout when l-nav is in is-collapsed state. #5035

Open camillet16 opened 3 months ago

camillet16 commented 3 months ago

Describe the bug

Lacking info on Vanilla docs

To Reproduce

Steps to reproduce the behavior:

  1. Go to 'Vanilla docs app layout'
  2. Missing content

Expected behavior

Show how grids work when l-nav is in an is-collapsed state and when l-aside is a panel not a slide over.

Screenshots

Add any other context about the problem here. Vanilla working group help :)

danielmutis commented 1 month ago

From WG:

The mafia will explore what the behaviour should be and benchmark existing implementations. The implementation is intended to have a max width which will stay left aligned when the side nav is collapsed and the window is wider than this maximum.

bartaz commented 1 month ago

From code point of view we could explore https://caniuse.com/css-container-queries This seems to be supported in modern browsers and would allow to make grid responsive based on panel size rather than screen size