2002Andreas
Auf die Schnelle das mal in einer extra eingerichtete portablen Nightly getestet!
Auch da habe ich links der Sidebar keinen solchen Rand!
Was mache ich falsch?
Sidebar CSS wird nicht umgesetzt
-
Boersenfeger -
13. September 2026 um 14:32 -
Erledigt
-
-
keinen solchen Rand!
Sieh bitte mal genau hin
Links ist ein schmaler schwarzer Rand bei dir.
So soll das aussehen:
-
Das sieht nach dem Fensterrand des Windows-Themes aus, durch den der Hintergrund durchscheint.
-
Links ist ein schmaler schwarzer Rand bei dir.
Oh, das ist der Fensterrahmen!!
Mein Windows 10 hat Fensterrahmen, es sieht aus ähnlich Windows 7.Beispiel
Das sieht nach dem Fensterrand des Windows-Themes aus, durch den der Hintergrund durchscheint.
War 'ne ganz schöne Arbeit, das so hinzubekommen!
Theme selber gemoddet!So soll das aussehen:
Tut es bei mir ja auch!
Also fast! Es werden halt keine Lesezeichen angezeigt!
Warum auch immer, aber das ist ja erst einmal egal.
-
CSS
Alles anzeigen#sidebar-box { position: fixed !important; left: -3px !important; top: 109px !important; bottom: 23px !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; }Zwei Werte habe ich noch zusätzlich angepasst.
In welcher Zeile ist der Sidebarbox Abstand zum linken Seitenfenster ansprechbar? Da könnte es noch ca 2px nach links gehen...
-
2002Andreas Ich bin ein wenig dusselig!
Vor dem Wort "Lesezeichen-Menü" der kleine Pfeil und schwubs, schon sind die Lesezeichen da!Boersenfeger Du meinst den blauen Rand?
Da bin ich gerade drann!
Ich vermute, Dir haut da irgendetwas anderes dazwischen!
Denn egal was ich auch anstelle, bei mir ist die Sidebar links bündig mit dem Fensterrand!Hast Du Deine CSS alle per @import in der userChrome.css eingebunden?
Wenn ja, alle, außer die für die Sidebar, mal auskommentieren!
Du schreibst, Du hättest zwei Werte geändert!
Im urprünglichen CSS sah das noch ganz anders aus
CSS
Alles anzeigen#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; }
Und bastle mal diesen Schnipsel in CSS (von mir) ein.CSS#sidebar-box { padding-left: 0 !important; } -
Mit dem Code von 2002Andreas aus #58 war es ja schon fast behoben, deswegen fragte ich nach der Zeile, wo er dies angegangen ist.
...
Nein ich nutze das Script UserCSSLoader.uc.js um die CSS zu integrieren.
Habe alle CSS ausser die Sidebar deaktiviert, es ändert nichts. Ein minimaler Abstand der Sidebarbox zum linken Fensterrand bleibt, guckst du Screenshot, jetzt dann heller.
-
Ok, hab ich mal gemacht.
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-box { padding-left: 0px !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; } }Wie schaut's damit nun bei Dir aus?
Nachtrag!
Basis dieses CSS ist immer noch Deines aus #43.
Da sind nur ganz wenig Änderungen drinnen. -
Ja, das ist nun die endgültige Lösung!
Edit:Jetzt taucht was Neues auf, das nicht da sein soll... Ggf aus deinem Code Mira_Belle ?
Es sollen nur die Lesezeichen erscheinen, nach denen gesucht wird.
-
Wow, wie mich das freut Dir geholfen zu haben!
-
Den Edit gelesen?
War noch nicht da, als ich geschrieben habe.
Wenn Du "flatex" eingibst, was werden denn da für Lesezeichen angeboten?
Gerade getestet! Verstehe, das sind die Ergebnisse aus der Chronik!
Du willst aber, dass da nur DAS eine Lesezeichen erscheint!Also z.B. wenn als Lesezeichen "https://www.camp-firefox.de" abgespeichert ist
und Du in Suchfeld z.B. "camp" eingibst, dass da auch nur DAS Lesezeichen angezeigt wird.
Richtig?
Funktioniert das so, wenn Du Andreas CSS verwendest?
Und mal ganz doof gefragt, funktionierte das so, bei Deinem ursprünglichen CSS aus #43? -
Nein, ich lasse keine Chronik anlegen. Es sind 2 Lesezeichen. Das was auf dem Screenshot zu sehen ist, unter der Suchleiste, das ist neu und soll weg. Vorher wurden nur die beiden gefundenen Lesezeichen angezeigt.
Ich mache noch mal ein Foto
-
Ich verstehe das nicht!
Ich habe für Bofrost nur ein Lesezeichen angelegt!
Gebe ich "Bofrost" ins Suchfeld ein, bekomme ich auch nur dieses eine Lesezeichen gezeigt! -
und soll weg.
teste bitte:
CSS[data-l10n-id="firefoxview-search-results-count"], [data-l10n-id="firefoxview-search-results-header"] { display: none !important; } -
Treffer versenkt!
Vielen Dank, damit melde ich mich für heute ab!
-
Treffer versenkt!
melde ich mich für heute ab!
schönen Abend dann.
-
teste bitte:
Damit habe ich mir schwergetan und bin einfach nicht drauf gekommen!
Bzw. in der Stilbearbeitung hat es nichts bewirkt!
Ins CSS eingefügt und neu geladen, Treffer! -
in der Stilbearbeitung hat es nichts bewirkt!
Das ist leider in der letzten Zeit so, viele Codes funktionieren dort nicht mehr.
Ich nutze es fast nur noch um die genauen Bezeichnungen zu haben.
Siehe dazu auch hier:
Entwickler-Werkzeuge..Stilbearbeitung..Vorschau geht nicht
Hallo @ all.
Ich bin mir nicht sicher ob ich etwas verpasst habe
Beispiel:
Firefox Version 141
Mit den Entwickler-Werkzeugen möchte ich den Hintergrund einfärben. Dann trage ich den Code unter: Stilbearbeitung ein und erhalte:
Das Ergebnis vom Code wird angezeigt.
In Fx 145 funktioniert das hier nicht mehr.
Die Änderung wird nicht angezeigt.
Ändere ich den Code aber hier, dann passt es:
Ist das jetzt neu und soll so sein, oder mache ich etwas falsch?
Wie immer vielen Dank vorweg für jegliche Hilfe 
