Userchrome.css / Sidebar autohide

[Zero_Official]

Hallo,

leider hat sich nach dem letztem Update die o.g. userchrome.css verabschiedet.

hat ev. jemand eine funktionierede version?

* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Show sidebar only when the cursor is over it */
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */

#sidebar-box{
--uc-sidebar-width: 40px;
--uc-sidebar-hover-width: 210px;
--uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
--uc-autohide-transition-duration: 115ms;
--uc-autohide-transition-type: linear;
--browser-area-z-index-sidebar: 3;
position: relative;
min-width: var(--uc-sidebar-width) !important;
width: var(--uc-sidebar-width) !important;
max-width: var(--uc-sidebar-width) !important;
z-index: var(--browser-area-z-index-sidebar,3);
}
#sidebar-box[positionend]{ direction: rtl }
#sidebar-box[positionend] > *{ direction: ltr }

#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }

#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }

#sidebar-splitter{ display: none }

#sidebar-header{
overflow: hidden;
color: var(--chrome-color, inherit) !important;
padding-inline: 0 !important;
}

#sidebar-header::before,
#sidebar-header::after{
content: "";
display: flex;
padding-left: 8px;
}

#sidebar-header,
#sidebar{
transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
min-width: var(--uc-sidebar-width) !important;
will-change: min-width;
}
#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar{
min-width: var(--uc-sidebar-hover-width) !important;
transition-delay: 0ms !important;
}

.sidebar-panel{
background-color: transparent !important;
color: var(--newtab-text-primary-color) !important;
}

.sidebar-panel #search-box{
-moz-appearance: none !important;
background-color: rgba(249,249,250,0.1) !important;
color: inherit !important;
}

/* Add sidebar divider and give it background */

#sidebar,
#sidebar-header{
background-color: inherit !important;
border-inline: 1px solid rgb(80,80,80);
border-inline-width: 0px 1px;
}

#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
#sidebar-box[positionend] > *{
border-inline-width: 1px 0px;
}

/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */

#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
inset-inline: auto 0px !important;
}
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
margin-inline: 0px !important;
border-left-style: solid !important;
}

 

[2002Andreas]

hat ev. jemand eine funktionierede version?

Teste bitte mal:

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/browser.xhtml") {
                  
#sidebar-box {
  z-index: 1000 !important;
  opacity: 0 !important;
  min-width: 0 !important;
  width: 2px !important;
  transition: .4s linear;
 }

#sidebar-box:hover {
  opacity: 1 !important;
  width: 250px !important;
  transition: .4s linear;
  margin-right: calc(2px - 250px) !important; /*ändern auf left, wenn die Sidebar rechts ist*/
 }
}

 

[Zero_Official]

leider funktioniert es nicht....

 

[2002Andreas]

@Zero_Official

 

[Zero_Official]

es war so und sollte so sein.... war das der kompletter Code?
vielleicht fehlt mir noch was?

 

[2002Andreas]

war das der kompletter Code?

Ja. Der reicht dafür völlig aus, nutze ich in allen meinen Fx Versionen so.

 

[Zero_Official]

habe ich so übernommen gehabt...

Ergänzung (28. Juni 2025)

habe den Fehler gefunden ein "r" am ende....

kann man da die Reaktionszeit etwas verschnellern?

 

[2002Andreas]

habe ich so übernommen

Sollte ich dich falsche verstanden haben, dann sorry.
Damit öffnet sich nur die Lesezeichen-Sidebar, nicht die Chronik.
Dann müsstest du die ersten beiden Zeilen löschen.

Ergänzung (28. Juni 2025)

die Reaktionszeit etwas verschnellern?

Zeile 9 und 15 den Wert ändern.
Z.B. auf .1s linear
und dann testen.

habe den Fehler gefunden

Kann passieren

 

[Zero_Official]

@2002Andreas
mit der Geschwindigkeit hat es gut geklappt, DANKE!

eine Frage noch: kann man den Trigger Rand etwas breiter machen? ich habe Multimonitor Setup und es triggert erst wenn ich mit der Maus zum anderen Monitor fahre und dann zurück über den Rand....
sonst muss den Rand "erfühlen"

Ich kann schon nerven...

 

[2002Andreas]

hat es gut geklappt, DANKE!

Gern geschehen.

den Trigger Rand

Teste und pass dir den Wert dann an.
In Zeile 8 den Wert erhöhen.

Zum Beispiel::
width: 15px !important;

Dann muss in Zeile 16 der gleiche Wert stehen:
margin-right: calc(15px - 250px)

 

[Zero_Official]

@2002Andreas
ja wert von 8px ist angenehm für mich Danke nochmals.

 

[2002Andreas]

Danke nochmals.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen