Sidebar css code

2002Andreas

Zitat von milupo

auch ohne

Zeile 5 und Zeile 60 könnten das sein.

milupo

Zitat von 2002Andreas

Zeile 5 und Zeile 60 könnten das sein.

Das betrifft die Selektoren #sidebar-box und #sidebar. In Beitrag #4 haben beide kein display:block, in meinem Code haben beide Selektoren display:block. Ich habe bisher nur bei #sidebar-box display: block entfernt. Da funktionierte der Code bei mir. Ich teste jetzt mal noch meinen längeren Code ganz ohne display:block.

milupo

Jetzt habe ich erst noch einmal genau hingeschaut, was du mit Zeile 5 meinst. Ist ja etwas anders als beim Code vom TE. Ich habe insgesamt dreimal display: block im Code, im Code von Beitrag #40 hatte ich ja den display:block bei #sidebar-box entfernt. Also für #menu-bookmarksSidebar, #sidebar-box und #sidebar. Es wären als die Zeilen 5, 31 und 61. Hier nochmal zurückgeändert:

CSS

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

#menu_bookmarksSidebar {
     display: block !important;
      }

/*.sidebar-placesTreechildren[bookmarks-view]*/
#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="Zapołožki"] {
      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%;
     }

/* 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;
    }
    #sidebar-search-container textbox 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;
    color: maroon !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;
    }
    
/*Hintergrundfarbe Sidebar*/
    #sidebar{
    background: blue !important;
        opacity: 1 !important;
     }
     
    .sidebar-placesTreechildren {
    color: white !important;
    }

.button-text[value="Napohlad"] {
color: white !important;
font-weight: 600 !important;
}

.button-menu-dropmarker[label="Napohlad"] {
color: white !important;
}   
 
.popup-internal-box > menuitem[type="checkbox"]  {
color: red !important;
}

/* Lesezeichenordner Sidebar */

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

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

Alles anzeigen

Wenn ich alle drei entferne, funktioniert es bei mir immer noch.

Abendstern2010

Ihr lieben recht vielen Dank für eure Bemühungen alle Varianten funktionieren im neuen

Profil.Nun werd ich den Fehler bei mir suchen irgend ein Code oder Script funkt da irgendwie

im anderem Profil dazwischen.

Boersenfeger

Ich steuere meinen Code auch noch mal bei, der einwandfrei in Version 70.0.1 funktioniert..

Ab Version 72.* muss

Zitat

sidebarheader

in

Zitat

sidebar-header

geändert werden!

Dieser Code beinhaltet noch weitere Szenarien...

CSS

/* Sidebar via Hover hervorrufen */

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

sidebarheader {
    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;
    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;
    }
}

/* 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

Der Beitrag wurde überarbeitet!

h2on4

Hallo zusammen,

ich hab nun die CSS aus #10 getestet und die funktioniert, vielen Dank an alle.

h2on4

h2on4

Hallo zusammen,

leider funktioniert der Code schon wieder nicht bei der Version 72.0b2 (64-Bit), vielleicht kann sich das ja mal noch jemand anschauen.

Danke im Voraus

h2on4

2002Andreas

Teste bitte, die Werte wenn dann für dich anpassen:

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

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

h2on4

Hallo Andreas,

vielen Dank, das ging ja wirklich schnell und es war erfolgreich, nun geht die Sidebar wieder

Peter

2002Andreas

So sollte es ja auch sein, freut mich.

Boersenfeger

Mein Code für die Sidebar in Nightly muss wohl wieder ein bißchen angepasst werden..

Im Suchfeld wird der Text und die Lupe nicht mehr ausgeblendet und vor den Ordnern sind die > wieder zu sehen...

Edit: Ich sehe gerade, das auch die Schrift nicht mehr so ist, wie gewünscht

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */


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


/* 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

Wer hat Ideen?

milupo

Ändere mal bookmarksSidebar.xul in bookmarksSidebar.xhtml.

Boersenfeger

Touchdown!

Dann werde ich das bei anderen Codes auch zunächst prüfen, wenn sie nicht mehr wollen...

milupo

Zitat von Boersenfeger

Dann werde ich das bei anderen Codes auch zunächst prüfen, wenn sie nicht mehr wollen...

Boersenfeger

Gibts denn irgendwo ne Liste, welche xul Einträge nun zu xhtml umgestellt wurden bzw. welche noch nicht?

Sören Hentzschel

mozilla-central ("Nightly") kennt nur noch sechs XUL-Dateien:

https://dxr.mozilla.org/mozilla-central/search?q=ext%3Axul

Verglichen mit noch 1.495 XUL-Dateien in mozilla-beta:

https://dxr.mozilla.org/mozilla-beta/search?q=ext%3Axul

Das ist ja nur eine Umbenennung, das geht also gerade ziemlich schnell. Das ist eine Massenabfertigung.

Auch hier visualisiert:

https://bgrins.github.io/xul-document-burndown/

Nachtrag: Kaum geschrieben sind es von sechs jetzt null. Es gibt keine XUL-Dateien mehr.

Boersenfeger

Danke soweit:

Das heißt, im Nightly sollten, müssten, könnten alle Codes, die noch .xul beinhalten auf .xhtml geändert werden, damit sie funktionieren!?

milupo

Zitat von Boersenfeger

Gibts denn irgendwo ne Liste, welche xul Einträge nun zu xhtml umgestellt wurden bzw. welche noch nicht?

Ich entpacke lediglich die omni.ja-Dateien des aktuellen Nightlies und suche nach XUL-Dateien bzw. XHTML-Dateien. Das ist dann sicherlich nicht so aktuell wie die Quellen, die Sören genannt hat.

Sören Hentzschel

Zitat von Boersenfeger

Das heißt, im Nightly sollten, müssten, könnten alle Codes, die noch .xul beinhalten auf .xhtml geändert werden, damit sie funktionieren!?

Das ist spätestens ab heute ganz einfach: .xul ist jetzt in jedem Fall falsch. Du musst also nicht mehr überlegen, ob .xul oder .xhtml.

Das bezieht sich aber ausdrücklich nur auf die Dateinamen.

Sidebar css code

Ähnliche Themen

Wie Schriftgröße für Lesezeichen in Sidebar ändern

Sidebar kann seit Update auf 69.0 nicht mehr in der Breite geändert werden

Lesezeichen Sidebar - Schriftfarbe ändern

Sidebar Hover Code funktioniert im Nightly nicht mehr