Skip to content

Cohost Sticky Bars by daethedergbold

Screenshot of Cohost Sticky Bars

Details

Authordaethedergbold

LicenseNo License

Categorycohost.org

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

sticks the main menu bar, the cohost staff feed bar, and the profile bar on user pages to the screen, keeping them visible while scrolling

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Cohost Sticky Bars
@description    makes the menu bar, staff feed bar, and the user profile bar sticky
@namespace      https://userstyles.world/user/DaeTheDergbold
@version        0.0.2
@author         Dae
==/UserStyle== */
@-moz-document domain("cohost.org") {
    @media (min-width: 1024px) {
        [id^=headlessui-menu-items] {
            position: -webkit-sticky;
            position: sticky;
            height: fit-content;
            top: 64px;
        }
        #app > div > div > main > div.container.mx-auto.grid.grid-cols-1.gap-16.lg\:grid-cols-4 > section {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0px;
            height: fit-content;
            align-self: end;
            min-height: 100vh;
        }
        #app > div > div > div > div > div.col-span-1 {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0px;
            height: fit-content;
            align-self: end;
            min-height: 100vh;
        }
    }
}

Reviews

No reviews yet.