Sidebar CSS wird nicht umgesetzt

Boersenfeger

Moin, seit gestern sieht meine einzublendende Sidebar nicht mehr aus, wie es sein soll:

Nightly:

Release

Folgende CSS wird in beiden Versionen verwendet:

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

Findet jemand den Fehler?

.DeJaVu

Wenn's nur das ist - ich gehe davon aus, dass Zeile 95 ein Bild beinhaltet.

CSS

/* Fx 158+ */

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

Für mich wäre es

CSS

/* Fx 158+ */

details summary, .bookmark-folder-label {
  &::before {
    background-image: url("./../image/folder-item.png") !important;
  }
}

Boersenfeger

Danke für den Versuch!
Ändert hier aber nix, ebenso funktioniert auch das Aufrufen eines Lesezeichens in einem neuen Tab nicht mehr. Der aktuelle Tab wird dann überschrieben.

2002Andreas

Zitat von Boersenfeger

ebenso funktioniert auch das Aufrufen eines Lesezeichens in einem neuen Tab nicht mehr. Der aktuelle Tab wird dann überschrieben.

Kann ich hier in 2 Nightly nicht bestätigen, wäre aber auch etwas für einen eigenen Thread.

Zitat von Boersenfeger

Findet jemand den Fehler?

Es gibt nicht den einen Fehler, dein kompl. Code ist für Fx 158 hinfällig, weil es für fast alles neue Bezeichnungen gibt

Hover aus deinem Code funktioniert ja auch nicht mehr.

Boersenfeger

Hm, das Hovern klappt hier einwandfrei, wenn ich mich mit der Maus dem linken Seitenrand nähere, öffnet sich die Sidebar wie erwartet, nur die Dinge darin stellen sich halt anders dar. Dein Filmchen kann ich nicht einordnen, hier ist keine Lesezeichensymbolleiste aktiviert!
Mag jemand den Code aktualisieren? Ich kann das nicht...

.DeJaVu

Zum Symbol

Die letzte Änderung zum Ordnersymbol hatte ich für Firefox 143, in der Toolbar. Ansonsten nahezu unverändert das CSS von Aris.

Wobei ich grad hier sehe, dass "Lesezeichen-Menü" das Symbol unterschiedlich ist. Da mus sich wohl nacharbeiten.

Nachtrag

CSS

/* Fx 158+ */

details summary, .bookmark-folder-label:not([data-guid="menu________"]) {
  &::before {
    background-image: url("./../image/folder-item.png") !important;
  }
}

.bookmark-folder-label[data-guid="menu________"] {
  &::before {
    background-image: url("./../image/bookmarksMenu.png") !important;
    margin-bottom: -3px !important;
  }
}

Alles anzeigen

Bilder muss jeder selbst eintragen, entweder mit Pfad wie hier, oder als base64 wie bei Boersenfeger.

Zum Hovern kann ich nichts sagen. Muss ich mir erarbeiten.

Nachtrag: Hovern klappt, aber dafür muss die Sidebar bei mir angezeigt werden, ohne bleibt das Feld komplett leer (bzw lindgrün und leer).

Mit Sidebar, also via Button aktiviert, aber unsichtbar:

CSS

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

(vergleiche Zeile 5-7)

Tut es das, sowohl für Lesezeichen als auch Chronik.

(Ohne Symbol-Korrektur)

Sidebar CSS wird nicht umgesetzt

Ähnliche Themen

Sidebar als schwebende, hover-aktivierte Leiste

Entfernen oder verstecken von Einträgen in der Sidebar, "Weitere Lesezeichen", Suchfeld, "Lesezeichen-Symbolleiste"

CSS für About Dialog /Nightly passt nicht mehr

Sidebar für FF 146 - Erster Versuch

Icon für Lesezeichen-Ordner nicht mehr in Farbe (CSS-Code streikt)

Browser Inspektor verwendet keinen Referer - Ressource wird blockiert.