This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Cari Bantuan

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.

Pelajari Lebih Lanjut

Utas ini telah diarsipkan. Silakan membuat pertanyaan baru jika Anda membutuhkan bantuan.

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>
Lampiran tangkapan layar

Diperbarui oleh cor-el pada

Solusi terpilih

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?

Baca jawaban ini dalam konteks 👍 0

Semua Balasan (2)

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

Solusi Terpilih

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 Pemilik pertanyaan
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 :)

Diperbarui oleh warmbloodedreptile pada