Floaty Sidebar

Floaty Sidebar

Install
Jay
16th Jul, 2025
16 installations 3 likes Kanka 3.4 (2 months ago)

Makes the sidebar float when viewing on desktop, as well as a few other tweaks to make it easier to navigate.

Latest version 1.0

Released 4 months ago on 16th Jul, 2025

First version

CSS rules

@media (min-width: 767px) {

.main-sidebar {

  margin: 0.5rem;

  border-radius: 0.5rem;

  --si: var(--b1);

  --sic: var(--bc);

  --sif: var(--b3);

  min-height: unset;

  max-height: calc(100vh - 70px);

  position: fixed;

  overflow: hidden;

  padding-bottom: 2rem;

  --sidebar-width: 14rem;

  & .campaign-updated {

    display: none;

  }

  

  & .sidebar {

    overflow-x: auto;

  }

}





.section-time, .section-world, .section-game, .section-other {

  padding-top: 1rem;

  & > div {

    font-weight: 600;

    font-size: .75rem;

    line-height: 1rem;

    text-transform: uppercase;

  }

  & .pl-3 {

    padding-left: 0;

  }

}

.sidebar-menu > li > div > span.text-center {

  display: none;

}

.section-gallery, .section-settings {

  padding-top: 1rem;

}

}
 Install

User comments & reviews