#Docking Server List

1 messages · Page 1 of 1 (latest)

azure seal
#

Makes the server sidebar hidden until mouse hover and it shows a floating one
-# There's probably a better way to do this but it works !!

nav[aria-label="Servers sidebar"]::-webkit-scrollbar {
    display: none !important;
}

nav[aria-label="Servers sidebar"] {
    --paddingY: 15px;
    position: absolute;
    z-index: 100;
    top: 50%;
    max-height: 70vh;
    overflow-y: auto;
    transform: translate(-90%, -50%) !important;
    transition: transform 0.3s ease;
    border-radius: 20px;
    padding-top: var(--paddingY);
    padding-bottom: var(--paddingY);
    border: 2.2px solid #242424;
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px, rgba(0, 0, 0, 0.3) 10px 10px, rgba(0, 0, 0, 0.2) 15px 15px, rgba(0, 0, 0, 0.1) 20px 20px, rgba(0, 0, 0, 0.05) 25px 25px;
}

nav[aria-label="Servers sidebar"]:hover {
    transform: translate(0%, -50%) !important;
}