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.

Sign up for GitHub

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

Jump to bottom

Poor UX for small screens #948

Open
2 of 4 tasks
choldgraf opened this issue Mar 2, 2024 · 0 comments
Open
2 of 4 tasks

Poor UX for small screens #948

choldgraf opened this issue Mar 2, 2024 · 0 comments
Labels
bug Something isn't working User Interface Enhancements or bugs with the default theme user-interface.

Comments

@choldgraf
Copy link
Collaborator

choldgraf commented Mar 2, 2024 •
edited by agoose77
Loading

Description

On narrow screens with the book theme, some of the UI elements start to overlap or become squished. For example the site logo and the light/dark button. Here's a GIF as example:

CleanShot 2024-03-01 at 17 56 43

which I was able to trigger by browsing this page from my phone:

https://2i2c.org/report-czi-2021/

Issues

Proposed solution

  • CSS tweaks to make images retain their aspect ratio
  • A way to either hide the right-side navbar items behind a drawer, or stack them more elegantly
  • A way to make the logo text not clash as much with the right-hand UI elements

Tasks

Additional notes
@choldgraf choldgraf added bug Something isn't working User Interface Enhancements or bugs with the default theme user-interface. labels Mar 2, 2024
@choldgraf choldgraf mentioned this issue Mar 18, 2024
Closed
17 tasks
@agoose77 agoose77 mentioned this issue May 7, 2024
Open
@choldgraf choldgraf moved this to Todo in Jupyter Book MVP Jul 25, 2024
@agoose77 agoose77 moved this from Todo to In Progress in Jupyter Book MVP Jul 30, 2024
@agoose77 agoose77 mentioned this issue Jul 30, 2024
Merged
@agoose77 agoose77 changed the title Squishing and UI element overlapping on narrow screens Poor UX for small screens Jul 31, 2024
@agoose77 agoose77 moved this from Done to Blocked on review in Jupyter Book MVP Aug 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working User Interface Enhancements or bugs with the default theme user-interface.
Projects
Jupyter Book MVP
Archived in project
Milestone
No milestone
Development

No branches or pull requests
1 participant
@choldgraf