Hilfe beim Aus- / Einblenden der Sidebar "FF 71.0"

Hallo zusammen,

leider geht nach dem heutigen Update auf FF 69 nicht mehr das automatische Aus- / Einblenden der Sidebar. Könnte mir mal bitte jemand einen Tip geben, was ich im Code der userChrome.css zu ändern habe?

Besten Dank!

tab[selected="true"] {
  background-color: rgb(205,69,50) !important;
  color: black !important;
}

tab {
  -moz-appearance: none !important;
}

/* Sidebar per Maushover einblenden */

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

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

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

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

#sidebar-box {
display:-moz-box !important;
position:fixed!important;
top:125px; /* Abstand nach oben bis zur untersten Leiste vom Browser */
bottom:0px; /* Abstand nach unten bis zur Taskleiste */
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: 300px !important; /* Breite der Sidebar */
opacity: 1 !important;
-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}

#sidebar-header {
width:100%;
border: 0 !important;
}

#sidebar {
display:-moz-box !important;
width:100%!important;
height:92%!important; /* Höhe der Sidebar */
}
}

Zitat von milupo

Ändere in Zeile 14 browser.xul in browser.xhtml.

Prima, genau das war's! Vielen Dank!

..auf ein Neues.....

Hallo zusammen,

leider geht nach dem heutigen Update auf FF 71.0 nicht mehr das automatische Aus- / Einblenden der Sidebar. Könnte mir mal bitte jemand einen Tip geben, was ich im Code der userChrome.css zu ändern habe?

Besten Dank!

tab[selected="true"] {
  background-color: rgb(205,69,50) !important;
  color: black !important;
}

tab {
  -moz-appearance: none !important;
}

/* Sidebar per Maushover einblenden */

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

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

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

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

#sidebar-box {
display:-moz-box !important;
position:fixed!important;
top:125px; /* Abstand nach oben bis zur untersten Leiste vom Browser */
bottom:0px; /* Abstand nach unten bis zur Taskleiste */
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: 300px !important; /* Breite der Sidebar */
opacity: 1 !important;
-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}

#sidebar-header {
width:100%;
border: 0 !important;
}

#sidebar {
display:-moz-box !important;
width:100%!important;
height:92%!important; /* Höhe der Sidebar */
}
}

Zitat von 2002Andreas

Teste bitte mal:

CSS

tab[selected="true"] {
  background-color: rgb(205,69,50) !important;
  color: black !important;
}

tab {
  -moz-appearance: none !important;
}

/* Sidebar per Maushover einblenden */

@-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;
    }

sidebarheader {
    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-header { */
    /* width:100%; */
    /* border: 0 !important; */
    /* } */

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

Alles anzeigen

Super, besten Dank, das Ein- und Ausblenden hat schon mal geklappt. Hättest Du noch einen Tipp für mich, wie ich die auf einmal auftretende Überlappung der Sidebar mit der Lesezeichen Menuleiste wegbekomme?

[Blockierte Grafik: https://abload.de/img/anmerkung2019-12-03179lkae.jpg]

Zitat von 2002Andreas

In zeile 43 mal den Wert ändern und testen dann.

Perfekt, besten Dank!!!

Hallo,

jetzt muss ich leider meinen Beitrag nochmals öffnen, da mir heute aufgefallen ist, dass in der geöffneten Lesezeichen Sidebar nicht mehr die Funktion "Lesezeichen durchsuchen" vorhanden ist. Ich wäre dankbar für einen Tipp, wie diese Funktion wieder hergestellt werden könnte.

Besten Dank nochmals.

Zitat von 2002Andreas

Zitat von Dinole

nicht mehr die Funktion "Lesezeichen durchsuchen" vorhanden ist.

Dann einfach ab Zeile 28 das entfernen:

CSS

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

..etwas zu entfernen, um wieder etwas zu erhalten, darauf muss man erst einmal kommen.

Danke vielmals!