Hover-Sidebar seit Firefox 72 verschwunden

testerer

Hallo,

seit Firefox 72 habe ich mit folgendem Code keine Sidebar mehr, selbst wenn ich das Icon anklicke "Sidebars anzeigen", passiert nichts. Geht um die Sidebar, die eigentlich per Hover auftauchen sollte. Hab schon das xul durch xhtml ersetzt, aber leider kein Effekt:

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),


url("chrome://browser/content/places/bookmarksSidebar.xul"),


url("chrome://browser/content/browser.xhtml"),


url("chrome://browser/content/history/history-panel.xul") {


#menu_bookmarksSidebar {
display:-moz-box !important;
}


#bookmarks-view-children{
margin-top:-120px!important;
margin-left:-15px !important}





sidebarheader {
display:none!important}


#sidebar-search-container{
display:none!important;}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"]{
display:none!important;}


#sidebar-box {
display: block !important;


position:fixed!important;


top:116px;


bottom:-35px;


width: 0px !important;


overflow-x: hidden !important;


-moz-appearance: none !important;


border: 1px solid transparent !important;


border-left: 0 !important;


opacity: 0 !important;


transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}


#sidebar-box:hover {


width: 230px !important; /*-adjust sidebar width here-*/


opacity: 1 !important;


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 {
display:-moz-box !important;
width:100%!important;


height:95%;
}
}

Alles anzeigen

Boersenfeger

Teste diesen Code

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {


#menu_bookmarksSidebar {
display: -moz-box !important;
}


#bookmarks-view-children {
margin-top: -100px !important;
margin-left: -15px !important;
}


#sidebar-header {
display: none !important;
}


.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-box:hover {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-splitter {
display: none !important;
}

#sidebar {
display: block !important;
width: 100% !important;
height: 100% !important;
}

Alles anzeigen

testerer

Taucht wieder auf, aber oben überschneiden sich Bereiche und die Trennlinien zwischen den Lesezeichen sind verschwunden:

Boersenfeger

Ergänze ggf. mit diesem weiteren Code... steht hier in einer Datei mit dem obigen...

CSS

/* Lesezeichensidebar Icon-Abstand zur linken Seite */


.sidebar-placesTreechildren[view="bookmarks-view"] {
margin-left: -10px !important;
}


/* Lesezeichensidebar Icon-Abstand */


#bookmarks-view-children:-moz-tree-image {
margin-right: 5px !important;
}


/* Suchsymbol in der Sidebar ausblenden */


.textbox-search-sign{
display:none !important;
}
textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !important;
}


/* Suchleiste Schrift-Größe einstellen */


.sidebar-placesTreechildren,sidebarheader,#sidebar-search-label,#search-box {
font-size: 16px !important;
font-family: Comic Sans MS, sans-serif !important;
}


/* Sidebar Hintergrundfarbe */


#sidebar {
background: #faebd7 !important;
opacity: 1 !important;
}


/* Lesezeichen-Sidebar Suchfeld leeren */


#search-box input::placeholder {
color: transparent !important
}

/* Lesezeichen Sidebar öffnende Dreiecke entfernen */


#bookmarksPanel treechildren::-moz-tree-twisty(closed),
#bookmarksPanel treechildren::-moz-tree-twisty(open){
height:0!important;
width:0!important;
display:none!important;
}


/* Lesezeichen verwalten */


treechildren::-moz-tree-image(container) {
list-style-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=')
!important;
}


/* Zeilenhöhe reduzieren */


.sidebar-placesTree treechildren::-moz-tree-row,
.placesTree treechildren::-moz-tree-row {
min-height: 20px !important;
}
}

Alles anzeigen

Spiele mit den Werten des vorherigen Codes in diesem Bereich:

CSS

#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;

testerer

Hat nicht den gewünschten Effekt. Außerdem müsste laut Code doch der Header ausgeblendet werden, wird er aber nicht.

2002Andreas

Zitat von testerer

Hat nicht den gewünschten Effekt.

Teste bitte mal mit deinem alten Code, den ich etwas angepasst habe:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {

#menu_bookmarksSidebar {
display:-moz-box !important;
}

#bookmarks-view-children{
margin-top:-120px!important;
margin-left:-15px !important}

#sidebar-header {
display:none!important}

#sidebar-search-container{
display:none!important;}

label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"]{
display:none!important;}

#sidebar-box {
display: block !important;
position:fixed!important;
top:116px;
bottom:-35px;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}

#sidebar-box:hover {
width: 230px !important; /*-adjust sidebar width here-*/
opacity: 1 !important;
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 {
display:-moz-box !important;
width:100%!important;
height:95%;
}
}

Alles anzeigen

Edit:

Obiger Code funktioniert doch nicht.

teste diesen bitte mal:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {

#menu_bookmarksSidebar {
     display: -moz-box !important;
     }

#bookmarks-view-children {
     margin-top: -120px !important;
     margin-left: -15px !important;
    }

#sidebar-header {
    display: none !important;
    }

#sidebar-search-container {
    display: none !important;
    }

.sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }

/* label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] { */
    /* display: none !important; */
    /* } */

#sidebar-box {
    display: block !important;
    position: fixed!important;
    top: 116px;
    bottom: -35px;
    width: 0px !important;
    overflow-x: hidden !important;
    -moz-appearance: none !important;
    border: 1px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    z-index: 2 !important;
    }

#sidebar-box:hover {
    width: 230px !important; 
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }

#sidebar-splitter {
    display: none !important;
    }

#sidebar {
    display: block !important;
    width: 100% !important;
    height: 95%;
    }
}

Alles anzeigen

testerer

Funktioniert, nur die Trennlinien werden nicht angezeigt.

2002Andreas

Zitat von testerer

nur die Trennlinien werden nicht angezeigt.

Dann entfern bitte diesen Eintrag im Code:

CSS

.sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }

Zeile 21 - 23 .

testerer

Funktioniert, dann hat mein Farbcode aber keine Wirkung mehr:

CSS

#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:#d1cdc8!important}}

2002Andreas

Zeile 3 sind am Ende 2 > }}

eine muss weg, und dann mal testen.

testerer

Dann ist die Farbe zwar aktiv, aber der Header ist wieder da und die Trennlinien fehlen.

Edit: Liegt daran, weil das der ganze Code dafür ist:

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/history/history-panel.xul") {




#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:#d1cdc8!important}}

2002Andreas

Dann hast du im Code etwas durcheinander gebracht

Poste bitte mal deinen kompl. Code den du jetzt hast.

Zitat von testerer

Liegt daran, weil das der ganze Code dafür ist:

Da steht aber nichts davon, dass der Code auch in der Sidebar funktionieren soll.

Dann müsste oben nämlich noch stehen:

Code

 url("chrome://browser/content/places/bookmarksSidebar.xul")

2002Andreas

So muss der Code dann aussehen incl. deinem Hintergrund:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {
    
#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:#d1cdc8!important}

#menu_bookmarksSidebar {
     display: -moz-box !important;
     }

#bookmarks-view-children {
     margin-top: -120px !important;
     margin-left: -15px !important;
    }

#sidebar-header {
    display: none !important;
    }

#sidebar-search-container {
    display: none !important;
    }

#sidebar-box {
    display: block !important;
    position: fixed!important;
    top: 116px;
    bottom: -35px;
    width: 0px !important;
    overflow-x: hidden !important;
    -moz-appearance: none !important;
    border: 1px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    z-index: 2 !important;
    }

#sidebar-box:hover {
    width: 230px !important; 
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }

#sidebar-splitter {
    display: none !important;
    }

#sidebar {
    display: block !important;
    width: 100% !important;
    height: 95%;
    }
}

Alles anzeigen

testerer

Mein ganzer Code:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {


#menu_bookmarksSidebar {
display: -moz-box !important;
}


#bookmarks-view-children {
margin-top: -120px !important;
margin-left: -15px !important;
}


#sidebar-header {
display: none !important;
}


#sidebar-search-container {
display: none !important;
}


.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}


/* label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] { */
/* display: none !important; */
/* } */


#sidebar-box {
display: block !important;
position: fixed!important;
top: 116px;
bottom: -35px;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
z-index: 2 !important;
}


#sidebar-box:hover {
width: 230px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-splitter {
display: none !important;
}


#sidebar {
display: block !important;
width: 100% !important;
height: 95%;
}
}

Alles anzeigen

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/history/history-panel.xul")
{




#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:#d1cdc8!important}}

Alles anzeigen

2002Andreas

Zitat von testerer

Mein ganzer Code:

Siehe Beitrag Nr. 13, der Code ist für die Sidebar.

Den 2ten Code von dir musst du zusätzlich nutzen.

testerer

Herzlichen Dank, jetzt ist alles wie vorher!

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

ErwinFirefox

Hallo!

Danke für den Code , bis vor wenigen Tagen lief es mit meiner Hoover-Lesezeichen-Einblendung.

Aber nun geht es nicht mehr. Liegts an mir?

Einstellung Sidebar Lesezeichen ist noch aktiv, auch unter about:config sind legacy styles aktiv. Verstehe nicht, warum es nicht mehr klappt.

Zitat von Boersenfeger

Teste diesen Code

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
url("chrome://browser/content/browser.xhtml") {


#menu_bookmarksSidebar {
display: -moz-box !important;
}


#bookmarks-view-children {
margin-top: -100px !important;
margin-left: -15px !important;
}


#sidebar-header {
display: none !important;
}


.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-box:hover {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-splitter {
display: none !important;
}

#sidebar {
display: block !important;
width: 100% !important;
height: 100% !important;
}

Alles anzeigen

2002Andreas

Zitat von ErwinFirefox

Aber nun geht es nicht mehr

Hallo und Willkommen hier im Forum. ?

Teste bitte mal diesen Code für Firefox 74:

CSS

@-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: -100px !important;
margin-left: -15px !important;
}


#sidebar-header {
display: none !important;
}


.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-box:hover {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-splitter {
display: none !important;
}

#sidebar {
display: block !important;
width: 100% !important;
height: 100% !important;
}

Alles anzeigen

Oder diesen wenn du dir ESR Version 68 nutzt:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul"),
               url("chrome://browser/content/browser.xul") {


#menu_bookmarksSidebar {
display: -moz-box !important;
}


#bookmarks-view-children {
margin-top: -100px !important;
margin-left: -15px !important;
}


#sidebar-header {
display: none !important;
}


.sidebar-placesTreechildren::-moz-tree-separator {
margin: 0px 500px !important;
}


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !important;
border: 1px solid transparent !important;
border-left: 0 !important;
opacity: 0 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-box:hover {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


#sidebar-splitter {
display: none !important;
}

#sidebar {
display: block !important;
width: 100% !important;
height: 100% !important;
}

Alles anzeigen

milupo

Zitat von ErwinFirefox

Hoover-Lesezeichen

Staubsauger und Lesezeichen, das ist mal eine Kombination.