aw-webui icon indicating copy to clipboard operation
aw-webui copied to clipboard

Published 20 hours ago • verified publisher icon ActivityWatch

Sticky navbar

Open maackle opened this issue 2 years ago • 3 comments

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;
}

maackle avatar Aug 16 '21 16:08 maackle

The navbar is already sticky on Android, it is set here: https://github.com/ActivityWatch/aw-webui/blob/4e64b614e6a7154e53eead523a1aeb7d02fcdc9b/src/components/Header.vue#L107-L108

Could be made configurable if desired.

ErikBjare avatar Aug 18 '21 11:08 ErikBjare

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

maackle avatar Aug 18 '21 20:08 maackle

Yup, same code!

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

ErikBjare avatar Aug 19 '21 16:08 ErikBjare