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