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

Sticky navbar #299

Open
maackle opened this issue Aug 16, 2021 · 3 comments
Open

Sticky navbar #299

maackle opened this issue Aug 16, 2021 · 3 comments

Comments

@maackle
Copy link

maackle commented Aug 16, 2021

It would be convenient for the navbar to always be present at the top of the window to prevent unneeded scrolling for tall pages.

The following additional CSS accomplishes this pretty well for desktop. Not sure how it works on mobile.

nav.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

/* the main container (may want to add extra specificity) */
.container {
    margin-top: 70px;
}
@ErikBjare
Copy link
Member

The navbar is already sticky on Android, it is set here:

// Make configurable?
fixedTopMenu: this.$isAndroid,

Could be made configurable if desired.

@maackle
Copy link
Author

maackle commented Aug 18, 2021

Ah, I'm using the desktop web interface for Linux, and it's not sticky. Is this the right repo for that?

@ErikBjare
Copy link
Member

Yup, same code!

Could make it sticky on desktop as well, I'll look into it next time I'm poking around the code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants