🖱️ Auto-Expand the Sidebar on Hover

Community Resources
1

:christmas_tree: Season’s greetings, Glide community!

Quick CSS tweak for Glide users who want more screen space without losing sidebar access.
If you prefer a cleaner workspace but still want instant access to the full sidebar, this CSS code collapses the Glide sidebar by default — and expands it only when you hover.

/* collapsed */
div[class^="unified-side-bar___StyledMotionDiv2"] {
  width: 68px !important;
  transition: width 0.25s ease-in-out;
}

/* expand on hover */
div[class^="unified-side-bar___StyledMotionDiv2"]:not([style*="width: 68px"]):hover {
  width: 256px !important;
}

/* hide toggle */
#page-root .has-tab-bar:has(li > button > span) .toggle-sidebar {
  display: none;
}

ScreenRecording2025-11-25183017-ezgif.com-video-to-gif-converter

3 Likes