Alle Trennlinien sind plötzlich weiß und dick

heiko

Hallo,

seit der Version 89.0 sind alle selbst eingefügten Trennlinien plötzlich weiß und auch total fett. Das gleiche ist auch im Kontextmenü, sowie im Menü bei Datei, Bearbeiten, Ansicht usw.

Achja, dieser fette weiße Rahmen befindet sich nun auch um das kleine Downloadfenster herum, was man über die Navigationsleiste aufklicken kann

Für Hilfe bin ich sehr dankbar

LG Heiko

Hier mal noch mein aktueller Code für Trennlinien

CSS

/* Trennlinien */

menuseparator {
-moz-appearance: none !important;
border: 1px solid #ffff00 !important;
padding: 0px !important;
min-height: .9px !important;
max-height: .9px !important;
}

Msfreak

Benutze bitte mal diesen Code von 2002Andreas aus diesem Beitrag:

Beitrag

RE: Anpassungen des "Hamburgermenüs"

Zur Info, wem's interessiert.

Mit den von mir angepassten Codes von 2002Andreas

(Quelltext, 8 Zeilen)

sieht es bei mir so aus:

Msfreak

3. Juni 2021 um 20:31

heiko

Hey Micha,

danke für deinen Code. Leider tut sich da gar nichts

Der fette weiße Rand ist auch ganz oben und ganz unten im Kontextmenü zu sehen was ja keine Trennlinie ist.

Hat noch wer eine Idee?

Besten Dank

Msfreak

Bitte teste das mit einer neuen userChrome.css und nur den genannten Code.

2002Andreas

Zitat von heiko

Der fette weiße Rand

Ein Screenshot davon wäre hilfreich.

Dein Code, abgeändert auf rot sieht hier so aus:

heiko

Hier mal der Screenshot

2002Andreas

Zitat von heiko

Hier mal der Screenshot

Das liegt an deinem Code für Popups Hintergrund blau.

Kannst den ja mal posten in deiner nächsten Antwort.

Teste damit mal etwas:

CSS

#context-navigation,  
menupopup > menu  ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    -moz-appearance: none !important;
   background: blue !important;
    color: yellow !important;
}

#context-sep-selectall{
  margin: 0px!important;

}
menuseparator {
-moz-appearance: none !important;
border: 7px solid blue !important;
padding: 0px !important;
min-height: .9px !important;
max-height: .9px !important;
}

Alles anzeigen

heiko

Ah ok. Dann hoffe ich mal das das hier der richtige Teil ist. Dieser steht für Hintergrund.

CSS

/* Hintergrundfarbe */

.popup-internal-box *,
#context-navigation,
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem {
background-color: #000066 !important; 
}

2002Andreas

Teste bitte:

CSS

#context-navigation,  
menupopup > menu  ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    -moz-appearance: none !important;
    color: yellow !important;
}

#context-sep-selectall{
  margin: 0px!important;

}
menuseparator {
-moz-appearance: none !important;
border: 7px solid #000066 !important;
padding: 0px !important;
min-height: .9px !important;
max-height: .9px !important;
}




/* Hintergrundfarbe */

.popup-internal-box *,
#context-navigation,
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem {
background-color: #000066 !important; 
}

Alles anzeigen

heiko

So, mit deinen Code sieht es dann aktuell so aus.

2002Andreas

Zitat von heiko

sieht es dann aktuell so aus.

Dann funkt dir ein weiterer Code dazwischen

Siehe meinen Screenshot in Beitrag Nr. 9.

Was mir aber auffällt, dein blau sieht ganz anders aus als auf meinem Screenshot.

Ich habe diese Farbe aus deinem Code aus Beitrag Nr. 8 genommen:

#000066

heiko

Das dachte ich mir jetzt schon, dass woaders vielleicht das Problem liegt.

Ich würde dir gern mal das gesamte Kontextmenü posten. Vielleicht findest du ja dort noch das Problem.

Danke für deine Mühe.

CSS

/* Kontext-Menu */

/* Rahmen - Stärke in px + Farbe */

.popup-internal-box,
menupopup,
popup{
-moz-appearance: none!important;
border: 0px solid #ffffff !important;
} 

/* Schriftgröße in pt */
   
menupopup > * {font-size: 11pt !important;
}

/* Schriftfarbe + fett + Rahmen um jede Zeile in px + Farbe */

menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
-moz-appearance: none!important;
color: #ffff00 !important;
font-weight: bold !important;
border: 0px solid #ffffff !important;
}

/* Hintergrundfarbe */

.popup-internal-box *,
#context-navigation,
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem {
background-color: #000066 !important; 
}

/* Hovereffekt - Farben + Höhe Effekt */

menupopup > menuitem:hover,
menupopup > menu:hover{
-moz-appearance:none!important;
background-color: #ffff00 !important;
color: #000066 !important;
height: 22px !important;
}

/* Abstände der Einträge */

menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

Alles anzeigen

2002Andreas

Zitat von heiko

vielleicht das Problem liegt.

Teste bitte:

CSS

/* Kontext-Menu */

/* Rahmen - Stärke in px + Farbe */

.popup-internal-box,
menupopup,
popup{
-moz-appearance: none!important;
border: 0px solid #ffffff !important;
} 

/* Schriftgröße in pt */
   
menupopup > * {font-size: 11pt !important;
}

/* Schriftfarbe + fett + Rahmen um jede Zeile in px + Farbe */

menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
-moz-appearance: none!important;
color: #ffff00 !important;
font-weight: bold !important;
border: 0px solid #ffffff !important;
}

/* Hintergrundfarbe */

.popup-internal-box *,
#context-navigation,
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem {
background-color: #000066 !important; 
}

/* Hovereffekt - Farben + Höhe Effekt */

menupopup > menuitem:hover,
menupopup > menu:hover{
-moz-appearance:none!important;
background-color: #ffff00 !important;
color: #000066 !important;
height: 22px !important;
}

/* Abstände der Einträge */

menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}


#context-navigation  {
    -moz-appearance: none !important;
    color: yellow !important;
}

#context-sep-selectall{
  margin: 0px!important;

}
menuseparator {
-moz-appearance: none !important;
border: 7px solid #000066 !important;
padding: 0px !important;
min-height: .9px !important;
max-height: .9px !important;
}

Alles anzeigen

heiko

Leider keine Änderung. Wäre auch zu schön gewesen. Wo könnte man da jetzt noch ansetzen?

Die größte Ahnung habe ich leider nicht.

Aber wirklich klasse, dein Engagement.

2002Andreas

Zitat von heiko

Leider keine Änderung.

Du hast deinen alten Code entfernt, meinen neuen eingefügt, und den Firefox neu gestartet?

heiko

Jetzt bin ich irgendwie total ratlos. Ich habe deinen Code nochmal frisch reingebastelt. Kein Erfolg. Die weiße fette Linie ist links und rechts, oben und unten immer noch zu sehen.

Dann dachte ich mir, ok lösche mal den gesamten Inhalt der css. Gespeichert, FF neu geöffnet, original Design...bisher logisch. So und jetzt habe ich nur deinen Code alleine in der css wieder eingefügt, gespeichert. FF neu geöffnet, Design noch standard, Rechtsklick das ein Kontextmenü erscheint und wieder ist die gleiche Ansicht mit den weißen Strich links und rechts sowie oben und unten wie auch im Screenshot oben zu sehen.

Der will mich hier triggern

heiko

Hallo nochmal,

diese Linien tauchen auch um die Adressleiste herum sowie auch beim Downloadfenster auf. Auch oben in der Menüleiste zwischen Hilfe und minimieren war alles weiß, was ich mit anpassen des Menüleisten-Codes ausbügeln konnte.

Da ich Andreas seinen letzten sauberen Code einzeln in der css hatte und da trotzdem die weiße Linie auftaucht, liegt es doch irgendwo schon am Grunddesign oder so.

Im Anhang habe ich mal die Adressleiste und das Downloadfenster, wo man dieses Problem schön sehen kann.

Ich hoffe irgendwie, dass man hier eine Wunderheilung hinbekommen kann.

Danke

Alle Trennlinien sind plötzlich weiß und dick

RE: Anpassungen des "Hamburgermenüs"

Ähnliche Themen

Firefox in Endlosschleife gefangen: Tab öffnet sich ad infinitum

Was hat sich bei 78.3 ESR technisch geändert?