Ich verwende folgenden Code, um die Sidebar per "hover" einzublenden:
CSS
/* Sidebar via Hover hervorrufen */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {
#sidebar-box {
position:fixed!important;
top:159px!important;
bottom:-5px;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}
#sidebar-box:hover {
width: 240px !important; /*-adjust sidebar width here-*/
opacity: 1 !important;
-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}
#sidebar-splitter{
display:none !important;
}
#sidebar-header {
width:100%;
border: 0 !important;
}
#sidebar {
width:100%!important;
height:94%;
}
}
/************************************************************************************************************************************/
/*Hintergrundbild ändern der Sidebar */
#bookmarksPanel treechildren,
#history-panel treechildren,
#flatbm-folders,#sidebar-header,
#flatbm-outer, #bookmarksPanel,
#editBMPanel_bmRootItem > label{
background:url('./Grafiken/Birkehoch.png') no-repeat !important;
color:black!important;
background-position:-10px -50px!important;
border:1px solid saddlebrown!important;
}
/*Ändert die Farbe beim Überfahren der Einträge */
#bookmarks-view treechildren:-moz-tree-cell(hover) {background-color: #FFE0B9!important; }
#bookmarks-view treechildren:-moz-tree-cell(selected) {background-color: #FFD39B!important; }
/*Textfarbe ändern bei Klick in der Sidebar */
#bookmarksPanel treechildren:-moz-tree-cell-text(hover)
{color: #C15A5A!important; font-weight: bold !important;}
Alles anzeigen
Alles so ein bisschen "zusammengestückelt" und sicherlich etliche Einträge überflüssig.
Beim Aufrufen der Sidebar und anschließendem Überfahren mit dem Mauszeiger entstehen weiße horizontale Linien, die je nach Geschwindigkeit des Überfahrens auch wieder teilweise verschwinden. Siehe folgende Animation:
[attachment=0]sidebar.gif[/attachment]
Wodurch wird dieses ungleichmäßige Verhalten hervorgerufen? Gibt es eine Möglichkeit, diese Linien entweder ständig aufrecht zu erhalten oder grundsätzlich auszublenden ?