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

Navbar at bottom of screen on mobile #21

Open
joshuabach opened this issue Jan 6, 2022 · 0 comments
Open

Navbar at bottom of screen on mobile #21

joshuabach opened this issue Jan 6, 2022 · 0 comments
Assignees
@joshuabach
Labels
enhancement New feature or request frontend Jinja, HTML, CSS and JavaScript responsiveness Mobile-friendlyness, compatibility with small screens, touch devices etc.
Milestone
v0.2.0

Comments

@joshuabach
Copy link
Owner

On one-handed touch devices such as smartphones, it is usually more ergonomic to have the navbar at the bottom of the screen, where the thumb usually rests.

This is also the default for the URL bar on Firefox for Android.

Possible solution ist to do the following below a certain Bootstrap breakpoint:

  • Set navbar to class="fixed-bottom"
  • Invert .scrolled-up and .scrolled-down CSS rules
  • Remove top padding on body
@joshuabach joshuabach added frontend Jinja, HTML, CSS and JavaScript responsiveness Mobile-friendlyness, compatibility with small screens, touch devices etc. enhancement New feature or request labels Jan 6, 2022
@joshuabach joshuabach added this to the v0.2.0 milestone Jan 13, 2023
@joshuabach joshuabach self-assigned this Jul 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@joshuabach joshuabach

Labels
enhancement New feature or request frontend Jinja, HTML, CSS and JavaScript responsiveness Mobile-friendlyness, compatibility with small screens, touch devices etc.
Projects
None yet
Milestone
v0.2.0
Development

No branches or pull requests
1 participant
@joshuabach