Beiträge von Firefox_94.0.1

Zitat von milupo

Zitat von Firefox_94.0.1

Bei mir sieht es mit dem Code wie folgt aus:

Bitte mache den Screenshot größer, damit man auch lesen kann, was da steht. Es scheint aber so, dass du da deinen bisherigen Code hast und nicht den, den wir die ganze Zeit testen.

Ich habe da einen anderen Code ( Link zum Post) getestet, den ich selber gefunden habe. Leider wirkt der sich auch noch auf andere Menüs aus und ist daher auch nix. Der Code, den andere hier gepostet haben funktioniert bei mir nicht einmal in einem vollständig leeren Testprofil.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Bei mir sieht es mit dem Code wie folgt aus:

Und wie sieht es aus, wenn du den Code mal löschst in den Browser-Werkzeugen?

Sieht ohne den Code so aus.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Folgender Code bringt bei mir zwar das gewünschte Ergebnis,

Reden wir wirklich vom gleichen Popup

Der Code ändert hier nichts in dem Popup der Chronik.

Ja, ich meine das gleiche Menü. Bei mir sieht es mit dem Code wie folgt aus:

Zitat von milupo

In Zeile 31 fehlt die schließende geschweifte Klammer.

Danke, habe ich eingefügt. Leider funktioniert auch so der Code nicht.

2002Andreas ich habe das jetzt mal mit vollständig auskommentierter userChrome.css direkt in der Stilbearbeitung getestet. Leider keine Funktion.

Folgender Code bringt bei mir zwar das gewünschte Ergebnis, wirkt sich aber leider auch auf die anderen Menüs aus, was ich aber nicht möchte...

toolbarbutton menupopup[placespopup] > :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
appearance: none;
margin: var(--arrowpanel-menuitem-margin);
min-height: 24px;
padding: var(--arrowpanel-menuitem-padding);
border-radius: var(--arrowpanel-menuitem-border-radius);
background-color: transparent;
max-height: 22px !important;
}

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

@import "css/keine Ahnung.css";

Falls das ne Rolle spielt: Die Datei enthält folgenden Code:

Zitat

editBMPanel_folderMenuList {

margin: 0;

color: white !important;

}

Habe nur keine Ahnung, wo da jetzt genau die Schrift weiß gemacht wird. Daher der Dateiname.

Zitat von milupo

Wie hast du den CSS-Code aus dem Forum in deine userChrome.css kopiert? Du solltest das immer mit einem Klick auf das Symbol rechts oben im Code-Kasten tun, nicht mit der Maus. Da kann es passieren, dass du versehentlich das Wort CSS oder, wie bei reni, das Wort Code mitkopierst.

Ansonsten stelle den Inhalt deiner userChrome.css innerhalb eines Code-Kastens hier ein.

Habe da schon darauf geachtet, dass ich nur den Code kopiere.

Hier meine userChrome.css

@import "css/01_einklappbare Menueleiste.css";
@import "css/02_Tableiste.css";
@import "css/03_Tabs.css";
@import "css/04_3 Button rechts oben.css";
@import "css/05_Menueleiste.css";
@import "css/06_Navigationsleiste mit Adressleiste.css";
@import "css/07_animierte Downloadanzeige in Adressleiste.css";
@import "css/08_Lesezeichenleiste.css";
@import "css/09_Kontextmenue.css";
@import "css/10_Abstand zw. Tableiste und Adressleiste.css";
@import "css/11_Hamburger Menue.css";
@import "css/12_andere (Popup)-Fenster.css";
@import "css/13_angepasste Unterfenster.css";
@import "css/14_ausgetauschte Symbole.css";
@import "css/15_Test.css";
@import "css/keine Ahnung.css";
@import "css/runde_ecken.css";
@import "css/16_Erweiterungsmenü.css";
@import "css/17_mehrzeilige Lesezeichenleiste.css";


#appMenu-help-button2,
#appMenu-more-button2,
#appMenu-quit-button2 {
-moz-box-ordinal-group: 0 !important;
}


#appMenu-fxa-status2 {
-moz-box-ordinal-group: 10 !important;










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

Zitat von milupo

Noch etwas: Du hast nach jeder Änderung Firefox neu gestartet?

Ja, immer neu gestartet und im anderen Profil alles aktiviert. Der Dateiname ist auch richtig.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

und keiner funktioniert.

Wie du ja auf dem Screenshot erkennen kannst, funktioniert der Code einwandfrei.

Dann funkt dir etwas anderes dazwischen.

Ich habe den Code gerade in einem neuen Profil getestet. Dort funktioniert er ebenso nicht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Ja, ich meine die Chronik oben in der Menüleiste.

Ok.

Dann teste bitte mal meinen obigen Code.

Habe jetzt alle hier geposteten Codes getestet und keiner funktioniert.

Zitat von 2002Andreas

Zitat von reni

hat bei mir aber trotzdem funktioniert.

Weil es danach keinen weiteren Eintrag gab

---

Zitat von Endor

Kurze Nachfrage, Du meinst schon Chronik oben in der Menüleiste, oder?

Die Frage ist auch noch offen.

Ja, ich meine die Chronik oben in der Menüleiste.

Zitat von Endor

Wenn schon so:

CSS

menupopup#historyMenuPopup {
line-height: 300% !important;
}

Bitte mal testen.
Bei mir funktioniert es damit.

Mfg.
Endor

Bei mir funktioniert das leider nicht. Ich hatte den Syntaxfehler auch selber schon bemerkt und folglich deine Version auch schon getestet. Dass anderer Code dazwischenfunkt kann ich auch ausschließen, da ich einzelne .css per @import in die UserChrome.css setze und alle anderen Dateien auskommentiert, also deaktiviert, hatte, als ich den Code getestet habe.

Zitat von reni

Versuch mal das:

Code

menupopup#historyMenuPopup {
line-height: 300%
}

Die 300% sind natürlich übertrieben und musst du selbst anpassen

funktioniert bei mir leider nicht...

Niemand eine Idee?

Hallo,

hat jemand einen Code, mit dem man den Abstand der Zeilen im Chronik-drop down verkleinern kann? Bisher hatte ich da einen Code, der sich auf alles ausgewirkt hat. Da dadurch im neuen Erweiterungsmenü Text abgeschnitten wird, habe ich in einem anderen Thema schon eine Anpassung für das Hamburger Menü erhalten. Jetzt benötige ich etwas, was sich nur auf dieses Chronik-drop down auswirkt.

Hier mal mein Anfang, welcher soweit auch funktioniert, sich leider aber wieder auf alles auswirkt, was er aber nicht soll...

.subviewbutton[shortcut]::after, .widget-overflow-list .subviewbutton-nav::after, .PanelUI-subView .subviewbutton-nav::after {
margin-inline-start: 10px;
max-height: 22px !important;
}


#protections-popup-mainView .subviewbutton-nav:not(.notFound)::after, #identity-credential-notification .subviewbutton-nav::after, .widget-overflow-list .subviewbutton-nav::after, .PanelUI-subView .subviewbutton-nav::after {
-moz-context-properties: fill, fill-opacity;
content: url(chrome://global/skin/icons/arrow-right.svg);
fill: currentColor;
fill-opacity: 0.6;
display: -moz-box;
max-height: 22px !important;
}






:is(panelview .toolbarbutton-1, toolbarbutton.subviewbutton, .widget-overflow-list .toolbarbutton-1, .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton):not([disabled]) {
color: inherit;
background-color: var(--panel-item-hover-bgcolor);
max-height: 22px !important;
}


subviewbutton subviewbutton-iconic bookmark-item toolbarbutton.bookmark-item {
-moz-context-properties: fill, fill-opacity;
fill: var(--toolbarbutton-icon-fill);
max-height: 22px !important;
}

Zitat von Sören Hentzschel

Zitat von 2002Andreas

Teilweise braucht es 2 Einträge dafür:

Es gibt insgesamt sieben: origin-controls-state-no-access, origin-controls-state-always-on, origin-controls-state-when-clicked, origin-controls-state-hover-run-visit-only, origin-controls-state-runnable-hover-run, origin-controls-state-runnable-hover-open, origin-controls-state-temporary-access.

Wieso nicht einfach die CSS-Klasse ansprechen?

CSS

.unified-extensions-item-message {
  color: orange !important;
}

Danke. Jetzt passt das auch.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Was muss ich hier ändern

Meinst du das so?

dann habe ich das Hamburger-Menü mal verändert.

Teste bitte mal.

CSS

/********************* Hamburger Menü********************************************/


/*Größe des Panels*/


/*Abstände in Einstellungsmenüleiste verringern*/


#appMenu-popup .subviewbutton:not(#appMenu-fxa-status2) {
--arrowpanel-menuitem-padding: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
padding-left: 10px!important;
font-size: 12px !important;
min-height: 22px !important;
max-height: 22px !important;
}


#appMenu-fxa-status2 {
font-size: 12px !important;
}
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}


/*Schrift- und Hintergrundfarbe*/




/*Schrift und Hintergrund*/


#appMenu-popup toolbarbutton,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-popup .subviewbutton,
#appMenu-popup .widget-overflow-list .toolbarbutton-1 {
background-color: #00016E !important;
color: white !important;
}




/*Schriftfarbe von Einträgen mittig in Untermenüs*/


#appMenu-popup .subview-subheader {
font-size: inherit;
font-weight: inherit;
color: white !important;
}




/*Farbe in header und footer*/


#appMenu-popup panelview, #PanelUI-fxa {
width: 22.5em;
background-color: #00016E !important;
color: white !important;
}


/*Hover*/


/* Hover Schrift und Hintergrund Hamburger Menü */


#appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
#appMenu-multiView .subviewbutton:hover,
#appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover {
background-color: #F0F0F0 !important;
color: black !important;
}

Alles anzeigen

Danke, das passt. Punkt 1 meiner Frage ist nun erledigt. Was hast du in dem Code jetzt geändert?

Im Erweiterungsmenü ist bei dir nur der Name der Erweiterung in weißer Schrift. Hast du eine Idee, wie man den Text darunter auch weiß bekommt? So ist er nur schwer zu lesen.

Hallo,

ich habe folgenden Code für das Hamburger Menü in Verwendung:

/********************* Hamburger Menü********************************************/


/*Größe des Panels*/


/*Abstände in Einstellungsmenüleiste verringern*/


.subviewbutton:not(#appMenu-fxa-status2) {
--arrowpanel-menuitem-padding: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
padding-left: 10px!important;
font-size: 12px !important;
min-height: 22px !important;
max-height: 22px !important;
}


#appMenu-fxa-status2 {
font-size: 12px !important;
}
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}


/*Schrift- und Hintergrundfarbe*/




/*Schrift und Hintergrund*/


#appMenu-mainView toolbarbutton,
#appMenu-mainView .toolbaritem-combined-buttons,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1 {
background-color: #00016E !important;
color: white !important;
}




/*Schriftfarbe von Einträgen mittig in Untermenüs*/


.subview-subheader {
font-size: inherit;
font-weight: inherit;
color: white !important;
}




/*Farbe in header und footer*/


#appMenu-popup panelview, #PanelUI-fxa {
width: 22.5em;
background-color: #00016E !important;
color: white !important;
}


/*Hover*/


/* Hover Schrift und Hintergrund Hamburger Menü */


#appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
.subviewbutton:hover,
.widget-overflow-list .toolbarbutton-1:hover {
background-color: #F0F0F0 !important;
color: black !important;
}

Jetzt habe ich das Problem, dass sich dieser Code auch auf das neue Erweiterungsmenü auswirkt. Besonders nervig ist hierbei, dass ich die Zeilenabstände im Hamburger Menü verkleinert habe und bei mir nun auch das Erweiterungsmenü "zusammengestaucht" ist. D.h. ich sehe dort nicht mehr alles. Wie bekomme ich das (=neues Erweiterungsmenü) wieder auf Normalgröße?

2. Für das Erweiterungsmenü habe ich folgenden Code zusammengebastelt:

/* Erweiterungsmenü */


#unified-extensions-view .panel-header {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: var(--arrowpanel-menuitem-margin-inline);
min-height: var(--arrowpanel-header-height);
background-color: #00016e !important;
border-color: #00016e !important;
color: #fff !important;
}


.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton {
border: 0;
margin: 0;
-moz-box-flex: 1;
padding-block: var(--arrowpanel-menuitem-padding-block);
-moz-box-orient: horizontal;
color: #fff !important;
background-color: #00016e !important;
}


.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:hover {
border: 0;
margin: 0;
-moz-box-flex: 1;
padding-block: var(--arrowpanel-menuitem-padding-block);
-moz-box-orient: horizontal;
color: #fff !important;
background-color: #1f2080 !important;
}


#newtaboverride_agenedia_com-browser-action #wrapper-edit-controls:is([place="palette"], [place="panel"]) > #edit-controls, #wrapper-zoom-controls:is([place="palette"], [place="panel"]) > #zoom-controls, :is(panelview, #widget-overflow-fixed-list) .toolbaritem-combined-buttons {
margin: var(--arrowpanel-menuitem-margin);
color: #fff !important;
background-color: #00016e !important;
}


.cui-widget-panelview {
-moz-box-orient: vertical;
background: #00016e !important;
padding: 0;
color: #fff !important;
}

Was muss ich hier ändern, damit auch die Schrift, die aktuell noch Schwarz ist, auch noch weiß wird?

Bin ich der einzigste, für den das neue Thunderbird-Design wie eine Kopie von Outlook aussieht?

@Connywolli2617 das hier ist ein privates Forum, in dem sich Firefox-Nutzer gegenseitig helfen. Daher kann auch keiner auf die Daten eines anderen Users zugreifen.

Alle Daten, die Firefox bei dir noch gespeichert hat, kannst über die Eingabe von about:cache in der url-Leiste aufrufen.

Zitat von milupo

Zitat von Firefox_94.0.1

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?

Du musst in den Browser-Werkzeugen einstellen, dass die Popups nicht sofort wieder ausgeblendet werden.

Danke. Dachte, diese Einstellung in den Browser-Werkzeugen nur für die Elemente gilt, die mit den Browser-Werkzeugen untersucht werden können.

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?