Firefox 96, fast alle CSS-Einstellungen greifen nicht mehr

alpha-nbg

Hallo,

Seit dem Update auf die Version 96 funktionieren fast alle meine userChrome Einstellungen nicht mehr.
D.h. ich darf nochmal komplett von vorne Anfangen. Die geposteten css Anweisungen haben vorher funktioniert und funktionieren jetzt nicht mehr.

menues eckig (nicht abgerundet)

CSS

:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
  --arrowpanel-border-radius: 0 !important;
  /*--arrowpanel-menuitem-border-radius: 4px !important;*/
  --arrowpanel-menuitem-margin: 0 2px !important;
  /*font-size: 14px !important;*/
}

Alle in Tabs öffnen ausblenden

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
menuitem[label="Alle in Tabs öffnen"]{
visibility:collapse !important;}}

.openintabs-menuitem{
  visibility:collapse !important;
}

Lautsprecher Symbol größer

CSS

.tab-icon-overlay {
  fill: blue !important;
  transform: scale(2.0, 2.0) !important;
}

Tab Rahmen anzeigen

CSS

.tab-background[selected="true"] {
  background-color: #e0ffff !important;
  /*background-color: #f9f9fb !important;*/
  /*background-color: #ffdddd !important;*/
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, .30) !important;
}

@media (-moz-proton) {
  .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
  border: 1px solid rgba(0, 0, 0, .30) !important;
}

Alles anzeigen

URLbar Schatten entfernen

CSS

#urlbar > #urlbar-background {
  box-shadow: none !important;
}

Menueelemente im Kontextmenue ausblenden

CSS

#appMenu-fxa-status2, #appMenu-fxa-separator {
  display: none !important;
}

#context-navigation {
  display: none !important;
}

Das ist erst mal das was mir sofort aufgefallen ist. Ich bin mir nicht sicher, ob noch mehr verdreht ist. Ich hoffe es lässt sich einiges davon wiederherstellen. Ich habe bereits selbst versucht herauszubekommen ob sich die css Bezeichner alle geändert haben konnte aber keine Bestätigung dafür finden. Die userChrome wird aber prinzipiell ausgeführt, weil ein paar Einstellungen greifen noch. z.b die verringerten Abstände in den Menues.
Ich hoffe ihr könnt mir da ein wenig weiterhelfen.

Viele Grüße,
Armin

2002Andreas

Auf die Schnelle funktioniert hier alles davon

geldhuegel

Der Eintrag in der config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht auf true?

grisu2099

Zitat von geldhuegel

Der Eintrag in der config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht auf true?

Zitat von alpha-nbg

Die userChrome wird aber prinzipiell ausgeführt, weil ein paar Einstellungen greifen noch. z.b die verringerten Abstände in den Menues.

...

milupo

Im zweiten Code-Kasten fehlt am Ende noch die schließende geschweifte Klammer der @-moz-document-Regel. Dafür sind in Zeile 3 zwei davon. Ist das so gewollt? Das bedeutet, dass die untere Regel nicht in die @-moz-document-Regel eingeschlossen wird.

alpha-nbg

2002Andreas,

Nein tut es nicht, der nicht aktive Tab müsste einen Ramen haben, das Menue in deinem zweite screenshot hat runde Ecken, sollte aber eckig sein (radius 0).

milupo

Bin ich mir nicht sicher ob das so gewollt war. Ich habe die Einstellungen teilweise selbst herausgefunden über die Entwicklerwerkzeuge, teilweise habe ich die hier im Forum erfahren.

Hier nochmal die komplette userChrome – vielleicht ist ja irgend ein Fehler drin, der vorher toleriert wurde, jetzt aber nicht mehr:

Da sind teilweise auch Einträge auskommentiert. Die userChrome wurde immer wieder mal verändert, wenn es erforderlich wurde. Vielleicht steht ja noch Zeug drin, das nicht mehr drin stehen sollte.

CSS

/*-----------------------------------------------
userChrome.css
Ausgelegt für proton (firefox 89 und höher)
-----------------------------------------------*/


/*** Tabhöhe ***/
/*
.tabbrowser-tabs {
max-height: 24px !important;
}
*/

/*** Tab Text – ausgewählt: fett, nicht ausgewählt: Kursiv ***/

tab[selected="true"] {
font-style: normal !important;
font-weight: bold !important;
}

tab:not([selected="true"]) {
font-style: italic !important;
font-weight: normal !important;
opacity: 0.8 ! important;
}


/*** Tab Style – ausgewählt: farbig, nicht ausgewählt: Ramen ***/

.tab-background[selected="true"] {
  background-color: #e0ffff !important;
  /*background-color: #f9f9fb !important;*/
  /*background-color: #ffdddd !important;*/
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, .30) !important;
}

@media (-moz-proton) {
  .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
  border: 1px solid rgba(0, 0, 0, .30) !important;
}


/*** Tab Lautsprecher Symbol grösser ***/

.tab-icon-overlay {
  fill: blue !important;
  transform: scale(2.0, 2.0) !important;
}


/*** Bookmark list: "Alle in Tabs öffnen" entfernen ***/

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){
menuitem[label="Alle in Tabs öffnen"]{
visibility:collapse !important;}}

.openintabs-menuitem{
  visibility:collapse !important;
}


/*** Urlbar: Zoomm, Ramen, Schatten ***/

#urlbar > #urlbar-background {
  box-shadow: none !important;
}

#urlbar[breakout][breakout-extend] {
  /*top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;*/
  left: 0 !important;
  width: 100% !important;
}

#urlbar {
    --toolbar-field-focus-border-color: #6cabcd !important;
}

#searchbar {
    --toolbar-field-focus-border-color: #6cabcd !important;
}



/*** Menue: Zeilenabstände reduzieren, eckige Darstellung ***/

menupopup > menuitem,
menupopup > menu {
  padding-block: 4px !important;
  padding-inline-start: 5px !important;
  /*font-size: 14px !important;*/
}

:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
  --arrowpanel-border-radius: 0 !important;
  /*--arrowpanel-menuitem-border-radius: 4px !important;*/
  --arrowpanel-menuitem-margin: 0 2px !important;
  /*font-size: 14px !important;*/
}

#appMenu-multiView .subviewbutton {
  /*font-size: 14px !important;*/
}



/*** Menue Elemente ausblenden ***/

#appMenu-fxa-status2, #appMenu-fxa-separator {
  display: none !important;
}

#context-navigation {
  display: none !important;
}

Alles anzeigen

2002Andreas

Zitat von alpha-nbg

hat runde Ecken, sollte aber eckig sein

Zitat von alpha-nbg

der nicht aktive Tab müsste einen Ramen haben,

Dann entfern bitte mal diesen Zusatz im Code:

Code

@media (-moz-proton) {

Für das Kontextmenü der Rahmen eckig:

CSS

menupopup {
  --panel-border-radius: 0 !important;
}

.DeJaVu

Zu Zeile 38 @media (-moz-proton) { fehlt die schliessende Klammer }, das wird bei Zeile 54 angemeckert.

Spätestens ab da dürfte nichts mehr angenommen werden.

Ich kontrolliere alle Styles vorab mit Stylus, bevor ich es übertrage.

milupo

-moz-proton gibt es nicht mehr.

Siehe hier:

Beitrag

RE: Code zum Abgrenzen von Tabs funktioniert seit Firefox 96 nicht mehr

Hallo,

den Media Query -moz-proton gibt es nicht mehr, das solltest du als erstes entfernen. Proton wurde vor über sieben Monaten eingeführt.

Sören Hentzschel

12. Januar 2022 um 15:59

alpha-nbg

Ja, das

Code

@media (-moz-proton) {

war das Problem. Nachdem ich das rausgeschmissen habe, geht wieder alles.

Vielen Dank an alle! 🙂

War also was einfaches. Ich hatte schon befürchtet ich muss die ganze userChrome neu schreiben.

einen lieben Gruß,

Armin

2002Andreas

Danke für die Rückmeldung. 👍

Schön dass dein Problem gelöst ist.

Firefox 96, fast alle CSS-Einstellungen greifen nicht mehr

RE: Code zum Abgrenzen von Tabs funktioniert seit Firefox 96 nicht mehr

Ähnliche Themen

Sync Problem, alte Lesezeichen werden geladen

Firefox 94 NewTabPage

RestartFirefox_plus.uc.js keine Funktion

Scrollbar im Firefox ändern

Cookie-Consent in Schleife bei youtube