Sidebar CSS muss wohl angepasst werden

Boersenfeger

Moin, seit heute zeigt im Nightly die Lesezeichen-Sidebar oben den Eintrag "Lesezeichen" an.

Diesen Eintrag und den Platz dafür möchte ich gerne wieder ausblenden.
Wo muss im CSS was geändert oder ergänzt werden?
Vielen Dank!

CSS

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

				   
#sidebar-main > sidebar-main {
    display: none !important;
}

#sidebar-box {
    display: flex !important;
    position: absolute !important;
    top: 0;
    bottom: 1px;
    width: 260px !important;
    z-index: 100 !important;
    opacity: 0 !important;
    margin-left: -255px !important;
    transition: margin-left .5s linear .4s, opacity .6s ease-in .2s !important;
}

#sidebar-box:hover {
    z-index: 100 !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    transition: margin-left .66s !important;
}

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

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

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

/* Beschriftungsende anpassen */
treechildren::-moz-tree-cell,
treechildren::-moz-tree-cell-text {
    margin-inline-end: -8px !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 */

#input[type="search"] {
  padding-inline-start: var(--space-medium) !important;
  background-image: none !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: #c1e7bb !important;
    opacity: 1 !important;
}

/* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
::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;
}

/* Ordner aus der Sidebar ausblenden */
.sidebar-placesTreechildren[view="bookmarks-view"] {

    margin-top: -10px!important;
}

/* Fokusring um Ordner entfernen */
treechildren {
    --default-focusring: 0px !important;
}
}

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

ergänzt werden?

Teste bitte.

Zusätzlich eintragen:

CSS

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

Boersenfeger

Prima, Problem gelöst, vielen Dank wiedermal!

2002Andreas

Zitat von Boersenfeger

Problem gelöst

gerne wie immer

Boersenfeger

Seit gestern wird meine Sidebar in Nightly nicht mehr wie gewohnt angezeigt

So siehts in der normalen Version aus

Hier der CSS

CSS

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

				   
#sidebar-main > sidebar-main {
    display: none !important;
}

#sidebar-box {
    display: flex !important;
    position: absolute !important;
    top: 0;
    bottom: -5px;
    width: 260px !important;
    z-index: 100 !important;
    opacity: 0 !important;
    margin-left: -255px !important;
    transition: margin-left .5s linear .4s, opacity .6s ease-in .2s !important;
}

#sidebar-box:hover {
    z-index: 100 !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    transition: margin-left .66s !important;
}

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

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

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

/* Beschriftungsende anpassen */
treechildren::-moz-tree-cell,
treechildren::-moz-tree-cell-text {
    margin-inline-end: -8px !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 */

#input[type="search"] {
  padding-inline-start: var(--space-medium) !important;
  background-image: none !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: #c1e7bb !important;
    opacity: 1 !important;
}

/* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
::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;
}

/* Ordner aus der Sidebar ausblenden */
.sidebar-placesTreechildren[view="bookmarks-view"] {

    margin-top: -10px!important;
}

/* Fokusring um Ordner entfernen */
treechildren {
    --default-focusring: 0px !important;
}

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

Alles anzeigen

Wer kann helfen? 😀

2002Andreas

Zitat von Boersenfeger

in Nightly nicht mehr wie gewohnt angezeigt

Sieht hier so aus mit dem obigen Code:

Funkt dir also mal wieder etwas anderes dazwischen

Sören Hentzschel

Zitat von 2002Andreas

Funkt dir also mal wieder etwas anderes dazwischen

Umgekehrt: Du hast sidebar.remvap verstellt, wenn der Code bei dir noch funktioniert. In der Nightly-Version wurde jetzt auch die Lesezeichen-Sidebar neu implementiert.

2002Andreas

Zitat von Sören Hentzschel

auch die Lesezeichen-Sidebar neu implementiert.

Stimmt, ich habe hier den Haken entfernt:

Sören Hentzschel

Und die Neu-Implementierung der Lesezeichen-Sidebar für diese Option war der nächste Schritt dahin, die alte Implementierung vollständig aus Firefox zu entfernen. Dementsprechend müssen alle Anpassungen der Sidebar früher oder später mit sidebar.revamp auf true kompatibel sein.

Boersenfeger

Jo danke, alles wieder gut. 💕

Sören Hentzschel

Inwiefern ist denn alles wieder gut? Hast du die Option in about:config auf false gesetzt? Dann wäre die notwendige Anpassung nämlich nur verschoben. Die alte Implementierung wird wie gesagt entfernt werden. Der Code muss also so oder so angepasst werden, wenn du das Design auf Dauer weiter so haben möchtest.

Boersenfeger

Ich habe den Haken entfernt, den 2002Andreas verbildlicht hatte.

Sören Hentzschel

Das ist nur eine sichtbare Checkbox für sidebar.revamp und die Option wird wie gesagt verschwinden. Deswegen sage ich ja: Wenn du die Optik dauerhaft behalten möchtest, muss das CSS entweder jetzt oder später angepasst werden. Eine dauerhafte Lösung war das noch keine.

Boersenfeger

Zitat von Sören Hentzschel

Wenn du die Optik dauerhaft behalten möchtest, muss das CSS entweder jetzt oder später angepasst werden.

An alle: Wie sehe das dann aus? 😻

2002Andreas

Zitat von Boersenfeger

Wie sehe das dann aus?

Ich würde bwarten, ob Mozilla noch weitere Änderungen vornimmt.

Ansonsten könnte das auf die Schnelle so aussehen:

CSS

@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html") ,
               url("chrome://browser/content/browser.xhtml")  {
				   
				   
#sidebar-box {
    display: flex !important;
    position: absolute !important;
    top: 0;
    bottom: -5px;
    width: 260px !important;
    z-index: 100 !important;
    opacity: 0 !important;
    margin-left: -255px !important;
    transition: margin-left .5s linear .4s, opacity .6s ease-in .2s !important;
}

#sidebar-box:hover {
    z-index: 100 !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    transition: margin-left .66s !important;
}

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

				   
#sidebar {
    background: #c1e7bb !important;
}

#input {
  &[type="search"] {
  --input-background-icon: none !important;
  font-size: 16px !important;
  font-family: Comic Sans MS, sans-serif !important;
  }
}
			   
::placeholder {
    color: transparent !important;
}

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

details summary {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}

details summary, .bookmark-folder-label {
  &::before {
    content: "";
    background-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;
    background-repeat: no-repeat;
  }
}

details {
  & div#content {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}
}

::marker {
	display: none !important;
}
	}

Alles anzeigen

Problem zumindest bei mir.

Nightly stürzt hier gerne ab bei Nutzung der Browser-Werkzeugen

Sören Hentzschel

Zitat von 2002Andreas

Ich würde bwarten, ob Mozilla noch weitere Änderungen vornimmt.

Vermutlich nicht mehr viel. Die einzigen noch offenen Abhängigkeiten betreffen Tests, also nicht das Produkt:

2024700 - (updated-bookmarks-panel) [meta] Create updated bookmarks panel

NEW (nobody) in Firefox - Sidebar. Last updated 2026-05-13.

bugzilla.mozilla.org

Zitat von 2002Andreas

Nightly stürzt hier gerne ab bei Nutzung der Browser-Werkzeugen

Das sollte natürlich nicht passieren. Hast du ein paar Absturzberichte von about:crashes?

2002Andreas

Zitat von Sören Hentzschel

Hast du ein paar Absturzberichte von about:crashes?

Hallo Sören.

Im eigenen Thread:

Beitrag

Nightly stürzt ab bei Nutzung der Browser-Werkzeuge

Hallo @ all.

Zumindest bei mir stürzt die aktuelle Version vom Nightly beim Beenden der Browser-Werkzeuge meistens ab.

Hier mal 3 Meldungen dazu:

https://crash-stats.mozilla.org/report/index/c…99-984270260517

https://crash-stats.mozilla.org/report/index/f…eb-71e3f0260516

https://crash-stats.mozilla.org/report/index/e…a6-8acfd0260516

Ich wollte über die Werkzeuge die neue Sidebar bearbeiten.

2002Andreas

17. Mai 2026 um 14:29

Sidebar CSS muss wohl angepasst werden

Nightly stürzt ab bei Nutzung der Browser-Werkzeuge

Ähnliche Themen

Gelbe Ordner Farbe wieder verschwunden

ScrollTopAndBottom.uc.js und Open with.uc.js zeigen keine Icons mehr an im Nightly

Firefox öffnet nur die angehefteten Tabs

v140, v141 Scrollbar-Stil in Favoriten-Ordnern funktioniert nicht

Im Nightly CSS Missfunktion bei "Über Nightly"

Seitenleiste immer mit Chronik starten