Sidebar Hover Code funktioniert im Nightly nicht mehr

Boersenfeger

CSS: Sidebar Hover und noch mehr

/* Sidebar via Hover hervorrufen */


    #sidebar-box {
    position:fixed!important;
    top:100px;
    bottom:8px;
    width: 210px !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: 210px !important;
    height: 98,9% !important;
    opacity: 1 !important;
    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }
    
    #sidebar-header {

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

    width:100% !important;
    height:98,9%;
    }
    
/* 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 {
    color: transparent !important;
    }

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

    .sidebar-places Treechildren,sidebarheader,#sidebar-search-label,#search-box{
    font-size: 16px !important;
    
    }

/*Suchfeld in Chronik Sidebar entfernen */
 
    sidebarheader, #history-Panel > hbox { display: none !important; }

    #content tab:not([selected="true"]) {
    opacity: 0.9 !important;
    }

    #urlbar .autocomplete-history-dropmarker {
    margin-left: -14px !important;
    }
    
/*Suchfeld Hintergrundfarbe*/

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

Alles anzeigen

War diese Woche nicht online, von daher weiß ich leider nicht, seit wann genau dieser Code im Nightly nicht mehr korrekt arbeitet. Beim Hovern erscheint nur noch die weiße, leere Sidebar... keine Lesezeichenstruktur und keine Farbe zu erkennen..

Was hat sich in der Woche getan?

milupo

Hallo Boersenfeger,

setze mal folgenden Code ganz an den Anfang der CSS-Datei:

CSS

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

Und ganz am Ende der Datei darfst du nicht vergessen, eine schließende geschweifte Klammer - also } - hinzuzufügen.

Boersenfeger

Leider bewirkt dies nichts, irgendwo hakt es noch...

CSS

/* Sidebar via Hover hervorrufen */

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

    #sidebar-box {
    position:fixed!important;
    top:100px;
    bottom:8px;
    width: 210px !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: 210px !important;
    height: 98,9% !important;
    opacity: 1 !important;
    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    
    }
    
    #sidebar-header {

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

    width:100% !important;
    height:98,9%;
    
    }
    
/* 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 {
    color: transparent !important;
    
    }

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

    .sidebar-places Treechildren,sidebarheader,#sidebar-search-label,#search-box{
    font-size: 16px !important;
    
    }

/*Suchfeld in Chronik Sidebar entfernen */
 
    sidebarheader, #history-Panel > hbox { display: none !important; }

    #content tab:not([selected="true"]) {
    opacity: 0.9 !important;
    
    }

    #urlbar .autocomplete-history-dropmarker {
    margin-left: -14px !important;
    
    }
    
/*Suchfeld Hintergrundfarbe*/

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

Alles anzeigen

milupo

Zitat von Boersenfeger

Leider bewirkt dies nichts, irgendwo hakt es noch...

Ja, leider hast du recht. Entferne die Zeilen am Anfang wieder und auch die zusätzliche schließende geschweifte Klammer ganz am Ende.

Boersenfeger

Danke für den Versuch.

Vielleicht hat ja ein anderer noch ne Idee...

Boersenfeger

Push...

Boersenfeger

Nutzt denn sonst niemand diesen Code?

2002Andreas

Teste bitte mal:

CSS

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

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

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

url("chrome://browser/content/history/history-panel.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: -moz-box !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; 
    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%;
     }

/* 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 {
    color: transparent !important;
    }
/* Suchleiste Schrift-Größe einstellen */
    .sidebar-places Treechildren,sidebarheader,#sidebar-search-label,#search-box{
    font-size: 16px !important;
    
    }
/*Suchfeld in Chronik Sidebar entfernen */
 
    sidebarheader, #history-Panel > hbox { display: none !important; }
    #content tab:not([selected="true"]) {
    opacity: 0.9 !important;
    }
    #urlbar .autocomplete-history-dropmarker {
    margin-left: -14px !important;
    }
    
/*Suchfeld Hintergrundfarbe*/
    #sidebar{
    background: #e4bca0 !important;
    opacity: 1 !important;
     }
  }

Alles anzeigen

Boersenfeger

Leider keine Änderung!

2002Andreas

Zumindest das Aufklappen mit der Maus funktioniert hier im Nightly einwandfrei.

Boersenfeger

Nach einem Fuchsneustart öffnet sich die Leiste, sie hat Farbe ist aber ansonsten leer...

Boersenfeger

Dieser Code ist ebenfalls noch im Spiel mit der Sidebar... dieser ist imho von dir... eine Deaktivierung brachte auch keine Besserung...

CSS

/* Lesezeichen Sidebar - Ordnericon normal gelb */

    treechildren::-moz-tree-image(container) {
        list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
            !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

2002Andreas

Dann nutzt du noch einen weiteren Code.

Mit meinem obigen ändert sich die Hintergrundfarbe nämlich nicht.

Boersenfeger

Guckst du Zeile 100

Bin jetzt zur Nachtschicht

2002Andreas

Zitat von Boersenfeger

Guckst du Zeile 100

Da steht:

/*Suchfeld Hintergrundfarbe*/

Also nur die Hintergrundfarbe vom Suchfeld, und nicht von der Sidebar.

Zitronella

aber der Code ist wenn ich darunter lese für die Sidebar oder? zumindest steht da was von #sidebar in Zeile 101

2002Andreas

Hallo Zitronella..

der Code ist für die Sidebar gedacht, wenn man sich dort z.B. die Lesezeichen anzeigen lässt.

Endor

Die Bräunliche Farbe kommt aus diesem Absatz in Boersenfegers CSS Code.

CSS

/*Suchfeld Hintergrundfarbe*/
#sidebar{
background: #e4bca0 !important;
opacity: 1 !important;
}

Er wollte wohl nur die Suchleiste damit ansprechen,

aber es wird statt dessen die ganze Sidebar angesprochen.

Das hat Zitronella, glaube ich, auch gemeint.

Mfg.
Endor

2002Andreas

Zitat von Endor

nur die Suchleiste damit ansprechen,

Hallo Endor..

dann muss es aber so angesprochen werden:

#search-box

und nicht #sidebar. Denn damit wird der ges. Hintergrund angesprochen.

Endor

Genau das habe ich gemeint.

Solange er das nicht ändert, kannst Du Dir soviel Mühe geben

wie Du willst, es wir immer falsch angezeigt werden.

Einen schönen Abend wünsche ich Dir.

Mfg.
Endor