Das habe ich schon gemacht, aber sie bleibt immer links.
Dies ist der bisherige Code:
CSS
/*Sidebar per hover ausfahren*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {
#menu_bookmarksSidebar {
display: flex !important;
}
#bookmarks-view-children {
margin-top: -120px !important;
margin-left: -15px !important;
}
.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}
#sidebar-box {
display: block !important;
position: fixed!important;
top: 125px;
right: 0px;
bottom: 0px;
width: 0px !important;
overflow-x: hidden !important;
appearance: none !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out 3.2s, opacity .2s ease-out 3.2s !important;
}
#sidebar-box:hover {
z-index: 3 !important;
width: 350px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}
#appcontent {
margin-right: 1px !important;
}
#sidebar-splitter {
display: none !important;
}
#sidebar {
display: block !important;
width: 100% !important;
height:100%;
}
}
Alles anzeigen