Skip to content

Instantly share code, notes, and snippets.

@VVelda
Last active September 8, 2025 19:09
Show Gist options
  • Select an option

  • Save VVelda/96abb9ecb0c2d91a274c8453ad7d35d0 to your computer and use it in GitHub Desktop.

Select an option

Save VVelda/96abb9ecb0c2d91a274c8453ad7d35d0 to your computer and use it in GitHub Desktop.
Waterfox + Sideberry integration (v. 140+)
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* requires sidebar.revamp set to false (FF 140+) */
/* hide Sibeberry header */
#sidebar-box[sidebarcommand$="-sidebar-action"] #sidebar-header {
display: none;
}
:root[inFullscreen] #sidebar-box[sidebarcommand$="-sidebar-action"],
:root[sizemode="fullscreen"] #sidebar-box[sidebarcommand$="-sidebar-action"], /* neither of them works */
#sidebar-box[sidebarcommand$="-sidebar-action"]:fullscreen /* like when playing video */ {
display: none !important;
outline: blue 1px
}
#sidebar-box {
opacity: 0.9;
min-width: auto !important;
}
#TabsToolbar{ visibility: collapse !important }
/* SideBerry auto-hide */
#sidebar-box[sidebarcommand$="-sidebar-action"]:not([hidden]) {
display: flex;
flex-direction: column;
overflow: hidden;
width: 80px !important;
/*! position: fixed; */
z-index: 5;
transition: all 0.12s ease !important;
border-right: 1px solid #333; /* Adjust to fit your theme */
}
#sidebar-box[sidebarcommand$="-sidebar-action"]:hover {
overflow: visible
}
#sidebar-box[sidebarcommand$="-sidebar-action"]:hover /*stack,*/
#sidebar-box[sidebarcommand$="-sidebar-action"]#sidebar-header,
#sidebar-box[sidebarcommand$="-sidebar-action"] #sidebar {
width: 20vw !important;
}
#sidebar-box[sidebarcommand$="-sidebar-action"] {
height: 100vh; /* otherwise it has no heigh, and thus no size */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment