- Firefox-Version
- 157
- Betriebssystem
- Windows 11 Pro
Hallo,
ich habe bislang untenstehenden Code benutzt, der jetzt allerdings angepasst werden muss. Alles im roten Rechteck soll ausgeblendet werden. Es befindet sich ganz oben in der Sidebar.
CSS
/*Sidebar per hover*/
@-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: .150ms linear;
background-color: #d1cdc8 !important; /*Hintergrundfarbe vom Theme*/
}
#sidebar-header {
display: none !important;
}
#sidebar-search-container {
display: none !important;
}
#sidebar {
background-color: #d1cdc8 !important; /*Hintergrundfarbe vom Theme*/
border-right: 5px solid transparent !important; /*Rahmen rechts für die Mausberührung, wichtig bei eigener Farbe für den Hintergrund der Sidebar*/
transition: min-width 150ms linear 0s !important; /*Zeit für raus/rein*/
min-width: 0 !important;
}
#sidebar-box:hover {
opacity: 1 !important;
width: 250px !important;
transition: .150ms linear;
margin-right: calc(2px - 250px) !important; /*ändern auf left, wenn die Sidebar rechts ist*/
}
}
#appcontent {
margin-left: 1px !important;
}
#sidebar-splitter {
display: none !important;
}
#sidebar {
display: block !important;
width: 100% !important;
height: 95%;
}
}
Alles anzeigen