Beiträge von Firefox_94.0.1

Zitat von .DeJaVu

wiki ist lese und hirn-freundlich aufgebaut. Das menschliche Hirn kann nur eine bestimmte Anzahl Worte pro Zeile aufnehmen.

Wenn, dann musst du mit diesen Werten spielen:

Code

@media screen and (min-width: 1120px) {
  .mw-body {
    grid-template:
min-content min-content min-content 1fr / minmax(0,59.25rem) min-content;
}

Welche Werte müssen hier geändert werden?

Zitat von .DeJaVu

Gibt es bei auch nicht mehr, schon länger nicht mehr. Aktuelles CSS. Ich nutze Stylus, funktioniert ohne Neustart :p

CSS

@-moz-document domain("wikipedia.org") {
:root
{
  --wmde-banner-height: 0 !important;
  --wmde-banner-transition-duration: 0 !important;
}

.wmde-show-banner #mw-page-base,
.wmde-show-banner #mw-mf-viewport,
.wmde-show-banner .vector-header-container,
.wmde-show-banner #mw-panel,
.wmde-show-banner #mw-head,
.wmde-show-banner #mw-mf-page-left
{
  padding-top: 0 !important;
  top: 0 !important;
}

.vector-column-end,
.vector-user-links,
#wmde-banner-app,
.vector-menu-content-list,
#ca-talk,
#p-personal
{
    display: none;
}

#mw-head-base
{
    height: 0 !important;
}


@media (min-width: 961px)
{

    .mw-editsection,
    #page-actions-watch,
    #page-actions-edit,
    #siteNotice
    {
        display: none;
    }

    .thumb,
    .thumbinner
    {
        min-width: 300px;
    }
}

@media (max-width:760px)
{
    
    /*
    html
    {
        font-size: 1.5em;
    }
    */

    [id="bodyContent"],
    .vector-body
    {
        font-size: 1.1em;
    }


    #mw-panel,
    #p-personal,
    .last-modified-bar,
    .mw-footer,
    .page-actions-menu
    {
        display: none;
    }

    .mw-body,
    #mw-data-after-content
    {
        margin-left: 0;
    }

    h2 {
        font-size: 1.1em;
    }

    .content h2, .content h3, .content h4, .content h5, .content h6
    {
        padding: 0 !important;
    }

    .client-js .collapsible-block
    {
        display: block !important;
    }

}

}

Alles anzeigen

Gibt es da auch eine Möglichkeit, dass auf der Artikelseite die Breite standardmäßig "breit" ist?

Zitat von milupo

Also ich habe die Erscheinungsbild-Leiste sofort ausgeblendet.

Ich hätte noch folgendes dazu schreiben müssen: Ich nutze FF eig. immer im privaten Modus. Dadurch werden keine Cookies gespeichert und ich müsste die Einstellungen jedes Mal neu vornehmen.

ChatGPT hat mir folgendes, nicht funktionierendes, css dazu generiert:

/*Wikipedia*/
@-moz-document domain("https://de.wikipedia.org") {
/* Suche wieder rechts*/
div#p-search.vector-search-box-vue.vector-search-box-collapses.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width.vector-search-box {
 margin-left: 400px !important;
}
/* Erscheinungsbild: verbergen */
#mw-panel {
   display: none; /* Versteckt das Seitenpanel */
}
/* Text: klein */
body {
   font-size: small; /* Setzt die Schriftgröße auf klein */
}
/* Breite: breit */
body {
   max-width: 1200px; /* Setzt die maximale Breite des Inhalts */
   margin: 0 auto; /* Zentriert den Inhalt */
}
}

Dieses habe ich per @import in meine userContent.css hinzugefügt. Kann daraus was gemacht werden?

Wikipedia hat das neue Design ausgerollt. Jetzt ist rechts eine Leiste, um Anpassungen vorzunehmen. Kann man per css / Skript das ganze so festlegen, dass folgende Einstellungen automatisch geladen werden:

- Erscheinungsbild: verbergen (Leiste ist hinter Button versteckt und nimmt keinen unnötigen Platz ein)

- Text: "klein"

- Breite: "Breit"

Auch möchte ich gerne das Suchfeld wieder mehr rechts haben.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

doch noch nicht gelöst

Und damit?

CSS

.tab-background[selected]  {
 background: #2b2c86 !important;
 outline-color: transparent !important;
 box-shadow: none !important;
}

Damit sieht es aktuell ganz gut aus. Hoffentlich ist das Problem dadurch gelöst.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

das helle Theme wieder aktivere, bleibt der Rahmen trotzdem weg

Ist hier auch so, und sollte auch so sein.

Ich habe jetzt noch eine ganz seltsame Beobachtung gemacht: egal, welches Theme ich einstelle: nach einem neuen Öffnen von Firefox ist der schwarze Rahmen wieder da. Das Problem ist daher (leider) doch noch nicht gelöst...

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

ist der Rahmen weg

Gerade was getestet: wenn ich jetzt aber das helle Theme wieder aktivere, bleibt der Rahmen trotzdem weg... Keine Ahnung was da los war/ist.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

der Rahmen ist trotzdem da:

Standard gibt es den nicht.

Also muss es einen anderen Grund dafür geben.

Wie sieht es im Fehlerbehebungsmodus vom Firefox aus?

Welches Theme nutzt du?

Beispiel hier:

Alles anzeigen

Das war es doch tatsächlich. Das Theme "Hell" war aktiviert, aber mit dem "System-Theme-Automatisch" ist der Rahmen weg. Keine Ahnung, warum da was anderes eingestellt war.

2002Andreas  Mira_Belle

Für die Tabs nutze ich nur den oben geposteten Code. Den Hintergrund habe ich hiermit angepasst:

/********************* Tabs ********************************************/

/*Form und Hintergrundfarbe*/
.tabbrowser-tab:not(image.tab-icon-overlay[role="presentation"]) {
     color: #fff !important;
}
.tab-background[selected]  {
 background: #2b2c86 !important;
}
.tab-background:not([selected])  {
 background: #00016e !important;
}
/*:hover Hintergrund von nicht aktiven Tabs*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
 background-color: #15167a !important;
 outline: 1px solid var(--tab-hover-outline-color);
 outline-offset: -1px;
}

/*Lautsprecher (Medienwiedergabe)*/
image.tab-icon-overlay[role="presentation"]{
 background-color: #fff !important;
 color: #00016e !important;
 margin-left: 25px !important;
}
/*Tab schließen*/
.tab-close-button[fadein]:focus-visible {
fill: white !important;
background: #E81123 !important;
}

Ansonsten habe ich mal alles, was css heißt auskommentiert und der Rahmen ist trotzdem da:

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Auch mit deiner Änderung bekomme ich diesen Rahmen nicht weg...

Nutzt du ein Theme, wenn ja, welches?

Ansonsten habe ich hier keinen Rahmen um den aktiven Tab

Nein. Alles Eigenkreationen mit Hilfe von diesem Forum. Hier ein Bild:

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

einen schwarzen Rahmen

Teste bitte:

CSS

/*Form und Hintergrundfarbe*/
.tabbrowser-tab {
 color: #fff !important;
}
.tab-background[selected] {
 background-color: #2b2c86 !important;
 border-color: #2b2c86 !important;
 box-shadow: none !important;
}
.tab-background:not([selected]) {
 background-color: #00016e !important;
}
/*:hover Hintergrund von nicht aktiven Tabs*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
 background-color: #15167a !important;
}

Alles anzeigen

Zwecks besserer Erkennung der Hg mal in gelb:

Der schwarze Rahmen ist immer noch da.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

einen schwarzen Rahmen.

Nur mal so.

Zeile 7 in deinem Code funktioniert so nicht:

Wennn du einen Rahmen haben wollest, dann:

CSS

.tab-background[selected]  {
  border: 3px solid #2b2c86 !important;
}

Und Zeile 15 - 17 hatte hier keine Funktion.

Alles anzeigen

Das war mein Versuch, den Rahmen über die "border"-Eigenschaft zu überschreiben, welcher aber nichts bewirkt hat. Auch mit deiner Änderung bekomme ich diesen Rahmen nicht weg...

Ich nutze für die Tabs aktuell folgenden css-Code:

/*Form und Hintergrundfarbe*/
.tabbrowser-tab:not(image.tab-icon-overlay[role="presentation"]) {
     color: #fff !important;
}
.tab-background[selected]  {
 background: #2b2c86 !important;
 border-color: #2b2c86 !important;
}
.tab-background:not([selected])  {
 background: #00016e !important;
}
/*:hover Hintergrund von nicht aktiven Tabs*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
 background-color: #15167a !important;
 outline: 1px solid var(--tab-hover-outline-color);
 outline-offset: -1px;
 border-color: #15167a !important;
}

Jetzt hat der aktive Tab aber seit heute? einen schwarzen Rahmen. Wie kann ich den entfernen? Die Ergänzung "background-color" mit der gleichen Farbe wie der Hintergrund hat nichts gebracht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

auch auf das Suchen nach Drop-Down unter about:logins

Meinst du hier

Dann muss ich wohl mal genauere Ursachenforschung betreiben. Wenn ich dann noch Hilfe brauche, melde ich mich wieder.

Zitat von Sören Hentzschel

Was soll „kann nicht“ bedeuten? Eine Problembeschreibung wäre schon hilfreich, um sinnvoll darauf zu antworten.

Ich lande auf einer 404-forbidden Seite.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

auch auf das Suchen nach Drop-Down unter about:logins

Meinst du hier

Ja, ich meine das Menü, über welches du in der Aufzeichnung als erstes fährst.

Seit geraumer Zeit kann ich mich auf dieser Seite im privaten Modus von Firefox nicht mehr einloggen. Der Log in funktioniert nur in einem "normalen" Fenster. Bug, Featuere oder was anderes?

Zitat von Sören Hentzschel

CSS

menu:not(#ContentSelectDropdown > menupopup > menuitem)

Ein menu-Element ist immer etwas anderes als ein menuitem-Element. Demnach ist der :not()-Teil immer zutreffend und du sprichst damit ausnahmslos jedes menu-Element an.

Auch wenn ich dir gerade nicht ganz folgen kann: Das bedeutet wohl, dass ich das genannte Menü nicht extra ansprechen kann?

2002Andreas

Ich nutze mittlerweile folgenden Code:

@-moz-document url(chrome://browser/content/browser.xhtml) {
    menu:not(#ContentSelectDropdown > menupopup > menuitem),    
menuitem:not(#ContentSelectDropdown > menupopup > menuitem) {
        &:where([disabled="true"]) {
             border-radius: 10px !important;
            /* color:color: #ffff !important; */
              text-shadow: none;
        }
        &:where([_moz-menuactive]:not([disabled="true"])) {
             border-radius: 9px !important;
            color: #fff !important;  /* Schriftfarbe aktiv (hover) */
            background-color: #2b2c86 !important; /* Feld aktiv (hover) */
        }
        &:where([_moz-menuactive="true"][disabled="true"]) {
             border-radius: 9px !important;
             color: #5656ab !important;    /* Schriftfarbe inaktiv (hover) */
              background-color: #2b2c86 !important; /* Feld inaktiv (hover) */
        }
    }

Nun scheint sich dieser auch auf das Suchen nach Drop-Down unter about:logins (arrowscrollbox.menupopup-arrowscrollbox) auszuwirken. Kann man das separieren?

Zitat von milupo

Und was funktioniert nicht? Sieht mit Code aus Beitrag #1 so aus:

---

Zitat von .DeJaVu

Ist das der Neue?

Ich habe hier im Nightly ein Skript, das wohl den alten Dialog noch aufruft:

Ich habe gerade festgestellt, dass folgender Code irgendwie meinen obigen Code blockiert:

/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url(chrome://browser/content/browser.xhtml) {
    menu:not(#ContentSelectDropdown > menupopup > menuitem),    
menuitem:not(#ContentSelectDropdown > menupopup > menuitem) {
        &:where([disabled="true"]) {
             border-radius: 10px !important;
            /* color:color: #ffff !important; */
              text-shadow: none;
        }
        &:where([_moz-menuactive]:not([disabled="true"])) {
             border-radius: 9px !important;
            color: #fff !important;  /* Schriftfarbe aktiv (hover) */
            background-color: #2b2c86 !important; /* Feld aktiv (hover) */
        }
        &:where([_moz-menuactive="true"][disabled="true"]) {
             border-radius: 9px !important;
             color: #5656ab !important;    /* Schriftfarbe inaktiv (hover) */
              background-color: #2b2c86 !important; /* Feld inaktiv (hover) */
        }
    }
    

Wenn ich diesen rausnehme, funktioniert mein oben geposteter Code. Kann man das irgendwie kompatibel machen?

EDIT: Wenn ich den "störenden" Code hinter den Code für Chronik löschen setze (und nicht davor), dann funktioniert es...

Ich habe festgestellt, dass mein bisheriger Code für das Chronik-Löschen-Fenster nicht mehr funktioniert. Daher habe ich mit den Browserwerkzeugen einen neuen Code zusammengebastelt, welcher aber auch nicht funktioniert:

@-moz-document url(chrome://browser/content/sanitize_v2.xhtml) {
dialog[inbrowserwindow] {
 --grid-padding: 16px;
 padding: var(--grid-padding) calc(var(--grid-padding) - 4px);
 background-color: #00016e !important;
 color: #fff !important;
}
menulist#sanitizeDurationChoice {
 background-color: #2b2c86 !important;
 color: #fff !important;
}
menulist#sanitizeDurationChoice:hover {
 background-color: #15167a !important;
 color: #fff !important;
}
vbox#sanitizeEverythingWarningBox {
 background-color: #00016e !important;
 color: #fff !important;
}
button[dlgtype="cancel"] {
background-color: green !important;
}
button[dlgtype="accept"] {
background-color: red !important;
}
}

Hat jemand eine Idee, was da falsch sein könnte?