Vielen lieben Dank für den Hinweis!
Der Code aus dem Thread hat zwar nicht funktioniert, aber ich hab es damit geschafft an meinem rumzupfuschen. Der sieht jetzt so aus und macht wieder das, was er soll:
CSS
/* Sidebar per Maushover einblenden (https://www.windowspower.de/firefox-83-sidebar-per-hover-oeffnen/) width:15px (ändert den reagierenden Bereich)*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {
#menu_bookmarksSidebar {
display: -moz-box !important;
}
#bookmarks-view-children {
margin-top: -120px !important;
margin-left: -15px !important;
}
.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}
/* width:15px = Bereite des Bereichs am linken Rand, der das Ausklappen auslöst
transition: width .2s ease-out 3.2s, opacity .2s ease-out 3.2s !important; = Dauer der Einblendung hier einstellen*/
#sidebar-box {
display: flex !important;
position: absolute !important;
top: 188px;
bottom: -35px;
width: 350px !important;
min-width: 350px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
margin-left: -340px !important;
transition: width .2s ease-out 0.2s, opacity .2s ease-out 0.2s !important;
z-index: 100 !important;
}
/*width = Breite der Leiste */
#sidebar-box:hover {
z-index: 100 !important;
margin-left: -120px !important;
opacity: 1 !important;
}
#sidebar {
display: flex !important;
position: absolute!important;
width: 100% !important;
height: 95%;
#sidebar-splitter {
display: none !important;
}
#sidebar {
display: block !important;
width: 100% !important;
height: 92%;
}
}
Alles anzeigen