Sidebar CSS wird nicht umgesetzt
-
Boersenfeger -
13. September 2026 um 14:32 -
Erledigt
-
-
Immer noch das CSS aus #1 ?
-
CSS
Alles anzeigen@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") { /* Suchsymbol in der Sidebar ausblenden */ #input[type="search"] { padding-inline-start: var(--space-medium) !important; background-image: none !important; } /* Ordner aus der Sidebar ausblenden */ [data-guid="unfiled_____"], [data-guid="toolbar_____"] { display: none !important; } sidebar-bookmark-row { height: 20px !important; } ::placeholder { color: transparent !important; } .sidebar-panel-heading { display: none !important; } details summary, .bookmark-folder-label { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } .fxview-tab-row-main, .fxview-tab-row-title { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; margin-top: -13px !important; margin-bottom: -13px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #input { &[type="search"] { &.with-icon { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } } } .sidebar-panel { background: #c1e7bb !important; } details { margin-top: -3px !important; margin-left: -8px !important; } details summary { &::before { content: "" !important; display: none !important; } } details summary, .bookmark-folder-label { &::before background-image: url("..//icons/Ordner.png")!important; } details > summary { background-image: url("..//icons/Ordner.png")!important; } @-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), 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; } /* Sidebar Hintergrundfarbe */ #sidebar { background: #c1e7bb !important; opacity: 1 !important; } }Das ist die derzeit gültige Fassung. Den "Fehler" gab es aber von Anfang an..
-
Boersenfeger Du läufst Gefahr, dass Dein CSS wieder irgendwann nicht funktioniert!!
CSSdetails summary, .bookmark-folder-label { &::before background-image: url("..//icons/Ordner.png")!important; } details > summary { background-image: url("..//icons/Ordner.png")!important; }Ist FALSCH

Es ist da ein Syntaxfehler enthalten!
Außerdem fehlt eine Klammer!
Also, so wäre der Code richtig.CSSdetails summary, .bookmark-folder-label { &::before { background-image: url("../icons/Ordner.png") !important; } } details > summary { background-image: url("../icons/Ordner.png") !important; }Und damit ist auch klar, dass Dein CSS nicht direkt in chrome liegt!
-
Mira, bitte übernehmen Sie!

Wegen ../ - das springt eine Ebene hoch, während ./ auf gleicher Ebene bleibt.
Ich weiss zwar nicht warum, aber Helfer waren immer im Nachteil. -
Ich weiss zwar nicht warum, aber Helfer waren immer im Nachteil.
Boesenfeger und ich sind mal aneinander geraten, Schwamm drüber.
Aber er scheint mich zu ignorieren. OK, sein Problem, wenn das CSS wieder versagt!
Es ist ja kaputt, dennoch bügelt Firefox das noch aus.
Und was sein anderes Problem aus #41 betrifft,
damit beschäftige ich mich nicht, es sei denn er meldet sich noch einmal. -
Er schützt sich lediglich - vor unliebsamer Arbeit.

Ich hatte ja mal nach Form und Farbe getrennt "gefordert", und auch eine Trennung von Scripten und CSS. Muss jeder für sich entscheiden.Diese Tage hatte ich wieder Zeit, mein CSS zu überarbeiten, weiter zu strukturieren. Nicht nur nach Funktion, sondern auch nach Reihenfolge und nach Chrome sowie Content. Wenn man so eine Arbeit aufteilt, je kleiner das Teil, umso leichter die Aufgabe - heute das, morgen dies.
Oder warum meinst du, dass Nutzer wie er oder zB captain chaos permanent in Schnappatmung verfallen bei fast jeder neuen Version?

Der Kreis schliesst sich, immer. Spaghetticode hat seit über 50 Jahren Probleme bereitet.Angemerkt: mein Keller hat sich letzte Woche nicht von allein entrümpelt, irgendwo wollte ich auch mal wieder treten können. Klar wäre nett "kommt mal kostenlos für 2 Stunden vorbei" - sowas kannst'e heutzutage knicken. Oder mein neues Auto in der Garage, länger und breiter, das brauchte Platz, also wurde Platz gemacht. Da sind dann Nachmittage futsch, weil "muss". Und ich mach das alles allein, teilweise in meinem Urlaub, oder nach Feierabend. Alles im Rahmen meiner Gesundheit, meiner Knochen, wobei ich genau deswegen eine Herzensangelegenheit beim Amt in Auftrag gegeben habe, weil ich das so nicht mehr schaffe.
Und genau deswegen nutze ich keine Scripte und nur CSS, dass ich auch selbst verstehe, wobei Firefox 158 was richtiger macht mit meinem CSS als v156. Ursache bislang unbekannt, dauert. Ich bin noch aktiv in Arbeit, ich hab dafür keine Zeit, und Firefox funktioniert auch so einwandfrei - und das ist für mich wichtiger.
-
Außerdem fehlt eine Klammer!
Um es genau zu sagen, es sind sogar 2

In Zeile 76 fehlt die Abschlussklammer zu Zeile 2.
-
2002Andreas Stimmt. Ich hatte mir aber nur den Codeschnipsel angeschaut!
Ich war aber mal so frei, und habe das CSS korrigiert und mal sauber formatiert.
CSS
Alles anzeigen@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") { /* Suchsymbol in der Sidebar ausblenden */ #input[type="search"] { padding-inline-start: var(--space-medium) !important; background-image: none !important; } /* Ordner aus der Sidebar ausblenden */ [data-guid="unfiled_____"], [data-guid="toolbar_____"] { display: none !important; } sidebar-bookmark-row { height: 20px !important; } ::placeholder { color: transparent !important; } .sidebar-panel-heading { display: none !important; } details summary, .bookmark-folder-label { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } .fxview-tab-row-main, .fxview-tab-row-title { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; margin-top: -13px !important; margin-bottom: -13px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #input { &[type="search"] { &.with-icon { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } } } .sidebar-panel { background: #c1e7bb !important; } details { margin-top: -3px !important; margin-left: -8px !important; } details summary { &::before { content: "" !important; display: none !important; } } details summary, .bookmark-folder-label { &::before { background-image: url("..//icons/Ordner.png")!important; } } details > summary { background-image: url("..//icons/Ordner.png")!important; } #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; } /* Sidebar Hintergrundfarbe */ #sidebar { background: #c1e7bb !important; opacity: 1 !important; } }Jetzt aber! Jetzt sollte es fein sein.
-
In Zeile 77 eine @-moz-document-Regel zumachen, nur um sie 2 Zeilen später wieder zu öffnen, ist irgendwie unsinnig, oder?

-
grisu2099 Stimmt, aus das habe ich gar nicht geachtet!
Habe das CSS von Boersenfeger einfach 1:1 übernommen und nur die fehlenden Klammern eingesetzt.
Habe es jetzt mal schnell korrigiert, ist ja fast peinlich.
-
Habe noch mal etwas herumgebastelt!
Die Lesezeichenseitenleiste geht nun von oben bis ganz nach unten!
Es bleibt also unten kein Spalt mehr!
Siehe Kommentar unter #sidebar-box
Dann habe ich mal die "eigentliche" Seitenleiste inkl. rechten Rand, der dann ja wirklich unschön aussah, entfernt.
Diese "Regeln" stehen ganz oben im CSS und sind kommentiert, damit sie leichter zu finden sind und bei nicht gefallen
einfach auskommentiert oder entfernt werden können.CSS
Alles anzeigen@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") { /* "Einstellungs" Sidebar ausblenden */ .buttons-wrapper { display: none !important; } /* Rechter Rand ausblenden */ #sidebar-splitter { display: none !important; } /* Suchsymbol in der Sidebar ausblenden */ #input[type="search"] { padding-inline-start: var(--space-medium) !important; background-image: none !important; } /* Ordner aus der Sidebar ausblenden */ [data-guid="unfiled_____"], [data-guid="toolbar_____"] { display: none !important; } sidebar-bookmark-row { height: 20px !important; } ::placeholder { color: transparent !important; } .sidebar-panel-heading { display: none !important; } details summary, .bookmark-folder-label { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } .fxview-tab-row-main, .fxview-tab-row-title { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; margin-top: -13px !important; margin-bottom: -13px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #input { &[type="search"] { &.with-icon { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } } } .sidebar-panel { background: #c1e7bb !important; } details { margin-top: -3px !important; margin-left: -8px !important; } details summary { &::before { content: "" !important; display: none !important; } } details summary, .bookmark-folder-label { &::before { background-image: url("..//icons/Ordner.png")!important; } } details > summary { background-image: url("..//icons/Ordner.png")!important; } #sidebar-main > sidebar-main { display: none !important; } #sidebar-box { display: flex !important; position: absolute !important; top: 0; /* bottom: 5px; */ bottom: -5px !important; /* REPARIERT: Schließt jetzt unten perfekt ab */ 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 Hintergrundfarbe */ #sidebar { background: #c1e7bb !important; opacity: 1 !important; } }Viel Spaß damit.
-
die "eigentliche" Seitenleiste inkl. rechten Rand
Hallo Mira...
es geht ihm um den linken Rand:
Ich habe den Hintergrund mal extra in rot eingefärbt. Die Sidebar schließt nicht direkt mit dem linken Rand ab.
-
Ah, schau ich mir heut Mittag oder Abend mal an.
Jetzt ab in die Gastro, die Leut haben Hunger. -
2002Andreas Habe die Lesezeichensymbolleiste eingeblendet!
Nutze einen cleanen Firefox, Version 156.
Nur das eine CSS über die userChrome.css per @import url("./css/Sidebar.css"); eingebunden.Kann das mit dem Rand, links der Seitenleiste nicht nachstellen!

-
Version 156.
Es geht um Version 158...bei 156 ist das auch nicht

-
Zunächst mal danke für eure Hilfe, auf Nebensächlichkeiten gehe ich jetzt mal nicht ein.
Mit dem letzten Code von Mira_Belle aus #52 ist es nun fast perfekt.
Damit ist auch die Erscheinung aus # 41: 1. Grafik verschwunden nicht aber die kleine Lücke aus der 2. Grafik, also bei eingeblendeter Sidebar wie 2002Andreas in #53 noch einmal gezeigt hat. Sollte dies nicht zu beseitigen sein, kann ich damit aber leben.
Zur Erklärung: Meine CSS liegen in einem Unterordner von chrome , ebenso liegen die Icons in einem Unterordner ebenda.
Hier noch mal der jetzt genutzte CSS. In Zeile 97 und 100 habe ich die Werte noch mal verändert.CSS
Alles anzeigen@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") { /* "Einstellungs" Sidebar ausblenden */ .buttons-wrapper { display: none !important; } /* Rechter Rand ausblenden */ #sidebar-splitter { display: none !important; } /* Suchsymbol in der Sidebar ausblenden */ #input[type="search"] { padding-inline-start: var(--space-medium) !important; background-image: none !important; } /* Ordner aus der Sidebar ausblenden */ [data-guid="unfiled_____"], [data-guid="toolbar_____"] { display: none !important; } sidebar-bookmark-row { height: 20px !important; } ::placeholder { color: transparent !important; } .sidebar-panel-heading { display: none !important; } details summary, .bookmark-folder-label { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } .fxview-tab-row-main, .fxview-tab-row-title { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; margin-top: -13px !important; margin-bottom: -13px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #input { &[type="search"] { &.with-icon { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } } } .sidebar-panel { background: #c1e7bb !important; } details { margin-top: -3px !important; margin-left: -8px !important; } details summary { &::before { content: "" !important; display: none !important; } } details summary, .bookmark-folder-label { &::before { background-image: url("..//icons/Ordner.png")!important; } } details > summary { background-image: url("..//icons/Ordner.png")!important; } #sidebar-main > sidebar-main { display: none !important; } #sidebar-box { display: flex !important; position: absolute !important; top: 0; /* bottom: 5px; */ bottom: -5px !important; /* REPARIERT: Schließt jetzt unten perfekt ab */ width: 250px !important; z-index: 100 !important; opacity: 0 !important; margin-left: -205px !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 Hintergrundfarbe */ #sidebar { background: #c1e7bb !important; opacity: 1 !important; } }Übrigens: Ich bin gestern um 1800 Uhr vom Computer in den Feierabend gegangen, also keine Rede davon, das ich irgendwen missachte. Auch hier wieder fühlt sich so manches Mitglied viel zu schnell angepisst oder missachtet. Wäre schön, wenn man sich von dieser negativen Denke mal befreit.
Vielen Dank noch mal an Alle, die helfen wollen. -
Sollte dies nicht zu beseitigen sein, kann ich damit aber leben.
teste bitte:
CSS
Alles anzeigen@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"), url("chrome://browser/content/browser.xhtml") { /* "Einstellungs" Sidebar ausblenden */ .buttons-wrapper { display: none !important; } /* Rechter Rand ausblenden */ #sidebar-splitter { display: none !important; } /* Suchsymbol in der Sidebar ausblenden */ #input[type="search"] { padding-inline-start: var(--space-medium) !important; background-image: none !important; } /* Ordner aus der Sidebar ausblenden */ [data-guid="unfiled_____"], [data-guid="toolbar_____"] { display: none !important; } sidebar-bookmark-row { height: 20px !important; } ::placeholder { color: transparent !important; } .sidebar-panel-heading { display: none !important; } details summary, .bookmark-folder-label { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } .fxview-tab-row-main, .fxview-tab-row-title { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; margin-top: -13px !important; margin-bottom: -13px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #input { &[type="search"] { &.with-icon { font-size: 16px !important; font-family: Comic Sans MS, sans-serif !important; } } } .sidebar-panel { background: #c1e7bb !important; } details { margin-top: -3px !important; margin-left: -8px !important; } details summary { &::before { content: "" !important; display: none !important; } } details summary, .bookmark-folder-label { &::before { background-image: url("..//icons/Ordner.png")!important; } } details > summary { background-image: url("..//icons/Ordner.png")!important; } #sidebar-main > sidebar-main { display: none !important; } #sidebar-box { position: fixed !important; left: -7px !important; top: 123px !important; bottom: 0 !important; width: 2px !important; min-width: 2px !important; max-width: 2px !important; z-index: 99999 !important; overflow: hidden !important; opacity: 0 !important; background: var(--toolbar-bgcolor) !important; transition: .4s linear !important; } #sidebar-box:hover { width: 280px !important; min-width: 280px !important; max-width: 280px !important; transition: .4s linear !important; opacity: 1 !important; } #sidebar { width: 280px !important; min-width: 280px !important; max-width: 280px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } #sidebar-box + #sidebar-splitter { display: none !important; } } /* Sidebar Hintergrundfarbe */ #sidebar { background: #c1e7bb !important; opacity: 1 !important; } }Der kompl. Teil für hover unten ist neu.
-
Hm, dann blendet sich die Sidebar nicht mehr ein und ich kann sie auch nicht manuell einblenden.

-
dann blendet sich die Sidebar nicht mehr ein
Einfach mal den Wert in Zeile 94 ändern, z.B. -3px
-