Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Different layout for the footer on mobile? #1641

Open
jorisvandenbossche opened this issue Jan 10, 2024 · 3 comments
Open

Different layout for the footer on mobile? #1641

jorisvandenbossche opened this issue Jan 10, 2024 · 3 comments
Labels
kind: enhancement New feature or request tag: design Items related to design tasks or improvements

Comments

@jorisvandenbossche
Copy link
Member

Currently, the footer start/center/end sections are always placed next to each other. On mobile, when using more than 1 section (as the default does using start/end, or our own docs use even all three), this can become quite "crammed":

image

Should we start allowing those to be on separate lines (vertically instead of horizontally) at a certain breakpoint?

@12rambau
Copy link
Collaborator

12rambau commented Jan 10, 2024

I guess that would be a very good improvement.
To avoid facing issues like this #1568 I would like to use a clever way to detect the switch between vertical and horizontal, do you know any ?

@trallard
Copy link
Collaborator

We should be using the existing breakpoints to determine this layout change.

Related - it would be good to also do an overall pass at the theme for mobile and small screens as I know we have recently uncovered a number of items and layouts that needed adjustments for these.
We could add this to the accessibility related working items.

@trallard
Copy link
Collaborator

trallard commented Feb 5, 2024

Tagging @smeragoel for visibility as this will more than likely need some design input

@trallard trallard added the kind: enhancement New feature or request label Feb 5, 2024
@trallard trallard added the tag: design Items related to design tasks or improvements label Jun 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind: enhancement New feature or request tag: design Items related to design tasks or improvements
Projects
None yet
Development

No branches or pull requests

3 participants