Endlich!
Da sage ich doch nochmal Danke!
Da ist in deinem CSS doch tatsächlich das drinnen, was ich nicht gefunden habe und was funktioniert.
Das ist davon übrig geblieben. Ist nur für das Aus- / Einblenden der Sidebar und der unten anhängende Statusleiste mit dem jeweiligen Link.
CSS
/* Sidebar im Vollbildmodus automatisch ausblenden und bei "hover" am linken Rand einblenden */
/* ###################################### FF140.x esr ###################################### */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
--SidebarBorderColor: #E3E3E3; /* Sidebar Border-Farbe */
--SidebarWidth: 280px; /* Sidebar-Breite */
--SidebarTrD: 100ms; /* Verzögerung bei hover */
--SidebarTrT: 300ms; /* Aus- & Einblendezeit der Sidebar */
--SidebarOpacTrD: 50ms; /* Verzögerung Opacity */
--SidebarOpacTrT: 300ms; /* Aus- & Einblendezeit Opacity */
}
/* Ausblenden des Sidebar-Containers, verhindert die Verschiebung des Fensterinhalts beim wieder Einblenden */
#main-window[sizemode="fullscreen"] #sidebar-main > sidebar-main {
display: none !important;
}
/* nicht benötigt */
#main-window[sizemode="fullscreen"] #sidebar-splitter {
display: none !important;
}
/* Ausblenden der Sidebar */
#main-window[sizemode="fullscreen"] #sidebar-box {
display: flex !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
border-right: solid var(--SidebarBorderColor) 1px !important;
width: var(--SidebarWidth) !important;
z-index: 100 !important;
opacity: 0 !important;
/* Parameter: Style-Element, Überblendezeit, Überblendeart, Verzögerung Start des Überblendens */
margin-left: calc(-1 * var(--SidebarWidth) + 4px) !important;
transition: margin-left var(--SidebarTrT) linear var(--SidebarTrD),
opacity var(--SidebarOpacTrT) linear var(--SidebarOpacTrD) !important;
}
/* Einblenden der Sidebar bei hover */
#main-window[sizemode="fullscreen"] #sidebar-box:hover {
z-index: 100 !important;
opacity: 1 !important;
margin-left: 0 !important;
transition: margin-left var(--SidebarTrT) linear var(--SidebarTrD),
opacity var(--SidebarOpacTrT) linear var(--SidebarOpacTrD) !important;
}
/* Ausblenden speziell für die Statusleiste unten mit dem Link-label */
#main-window[sizemode="fullscreen"] #statuspanel {
display: inherit !important;
margin-left: 0px !important;
transition: margin-left var(--SidebarTrT) linear var(--SidebarTrD) !important;
}
/* Einblenden speziell für die Statusleiste unten mit dem Link-label --> die Tilde "~" verweist auf das Nachbarelement "#tabbrowser-tabbox" an dem "#statuspanel" hängt */
#main-window[sizemode="fullscreen"] #sidebar-box:hover ~ #tabbrowser-tabbox #statuspanel {
margin-left: var(--SidebarWidth) !important;
transition: margin-left var(--SidebarTrT) linear var(--SidebarTrD) !important;
}
}
Alles anzeigen
Die Fachleute mögen meine eingefügten Kommentare bitte nicht allzu streng bewerten