Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Can't adjust or dismiss sidebar -

warmbloodedreptile
warmbloodedreptile
more options

Normally I use side-berry to hold all of my tabs - the panel normally collapses and hides to the left of the screen - showing just the favicons of the website.

After the most recent firefox update 107.0 (20221110173214) there is now a large bar that i can't remove!

I have a CSS file for appearance, which i have included below.

any idea how to shrink this dead zone? I would really like to keep using my fun tabs. 

****

#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}


#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}
 
#nav-bar {
    margin-right:140px;
}
 
/* Some space on top to allow window dragging */
#titlebar {
    appearance: none !important;
    height: 20px;
}
 
/* Fix for main menu calling by Alt button */
#titlebar > #toolbar-menubar {
    margin-top: 10px;
}
 
.titlebar-buttonbox-container {
  display: block;
  height: 35px;
  margin-top: 0px;
}

:root {
  --sidebar-min-width: 50px;
  --sidebar-visible-width: 160px;
}

#sidebar-header {
  overflow: hidden !important;
}

#sidebar-box #sidebar-header {
  display: none !important;
}

#sidebar,
#sidebar-header {
  min-width: var(--sidebar-min-width) !important;
  max-width: var(--sidebar-min-width) !important;
  transition: .1s ease .05s;
  z-index:1;
}
.titlebar-buttonbox-container .titlebar-button {
  display: block;
  height: 45px;
}

#sidebar-box:hover :-moz-any(#sidebar,#sidebar-header) {
  background-color: var(--toolbar-bgcolor) !important;
  min-width: var(--sidebar-visible-width) !important;
  max-width: var(--sidebar-visible-width) !important;
  margin-right: calc((var(--sidebar-visible-width) - var(--sidebar-min-width)) * -1) !important;
  z-index:1;
  position: relative !important;
  transition: .1s ease .05s;
}

Normally I use side-berry to hold all of my tabs - the panel normally collapses and hides to the left of the screen - showing just the favicons of the website. After the most recent firefox update 107.0 (20221110173214) there is now a large bar that i can't remove! I have a CSS file for appearance, which i have included below. any idea how to shrink this dead zone? I would really like to keep using my fun tabs. **** <pre><nowiki>#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } #nav-bar { margin-right:140px; } /* Some space on top to allow window dragging */ #titlebar { appearance: none !important; height: 20px; } /* Fix for main menu calling by Alt button */ #titlebar > #toolbar-menubar { margin-top: 10px; } .titlebar-buttonbox-container { display: block; height: 35px; margin-top: 0px; } :root { --sidebar-min-width: 50px; --sidebar-visible-width: 160px; } #sidebar-header { overflow: hidden !important; } #sidebar-box #sidebar-header { display: none !important; } #sidebar, #sidebar-header { min-width: var(--sidebar-min-width) !important; max-width: var(--sidebar-min-width) !important; transition: .1s ease .05s; z-index:1; } .titlebar-buttonbox-container .titlebar-button { display: block; height: 45px; } #sidebar-box:hover :-moz-any(#sidebar,#sidebar-header) { background-color: var(--toolbar-bgcolor) !important; min-width: var(--sidebar-visible-width) !important; max-width: var(--sidebar-visible-width) !important; margin-right: calc((var(--sidebar-visible-width) - var(--sidebar-min-width)) * -1) !important; z-index:1; position: relative !important; transition: .1s ease .05s; }</nowiki></pre><br>
Attached screenshots

Modified by cor-el

Chosen solution

I don't use rules like this myself, but take a look at this recent thread:

https://support.mozilla.org/questions/1396856

Does that help you tweak your rules?

Read this answer in context 👍 0

All Replies (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Chosen Solution

I don't use rules like this myself, but take a look at this recent thread:

https://support.mozilla.org/questions/1396856

Does that help you tweak your rules?

warmbloodedreptile
warmbloodedreptile Question owner
more options

That solution worked perfectly, @jscher2000. simply changing my width settings header from

  1. sidebar- header { 
   min-width: ~~~~~~~
   max-width: ~~~~~~~

to

  1. sidebar- box { 
   min-width: ~~~~~~~
   max-width: ~~~~~~~


was enough to make my CSS work just like before!

thank you :)

Modified by warmbloodedreptile