Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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>
Hoton allon fuska da aka liƙa

An gyara daga cor-el

Mafitar da aka zaɓa

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?

Karanta wannan amsa a matsayinta 👍 0

All Replies (2)

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

Zaɓi Mafita

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 Mai mallakar tambaya
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 :)

An gyara daga warmbloodedreptile