Beiträge von Firefox_94.0.1

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?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

falsch geschrieben hatte

Kann passieren

Schön wenn dein Problem jetzt behoben ist.

Könntest du mal folgenden Code testen:

/*about:preferences*/




@-moz-document url(about:preferences),
url(about:preferences#general),
url(about:preferences#home),
url(about:preferences#advanced),
url(about:preferences#containers),
url(about:preferences#content),
url(about:preferences#applications),
url(about:preferences#privacy),
url(about:preferences#search),
url(about:preferences#security),
url(about:preferences#sync){


/*Hintergrund gesamte Seite*/


.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}


.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}


.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}


/*Suchfeld*/


#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}


/*Überschriften*/


h1 {
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
margin: 0;
margin-left: 0px;
color: #00016e !important;
background-color: #ffd !important;
margin-left: 80px !important;
width: 600px !important;
text-align: center;
border-radius: 15px !important;
}


h2 {
margin: 16px 0 4px;
font-size: 1.14em;
line-height: normal;
background-color: #9c1818 !important;
}


/*Checkbox*/


.checkbox-check[checked] {
border-color: #9c1818 !important;
background-color: #9c1818 !important;
background-image: url("chrome://global/skin/icons/check.svg");
background-position: center;
background-repeat: no-repeat;
-moz-context-properties: fill;
fill: #fff !important;
color: var(--checkbox-checked-color, AccentColorText);
color-adjust: exact;
}


}

Ergänzend zum Ursprung müssten:

die Unterüberschriften (z.B. "Start") rot hinterlegt sein. Jedoch wird der Codeteil dafür (h2) nicht erkannt.

Fehler gefunden:

Aufgrund der Übersichtlichkeit binde ich die Dateien für die einzelen Seiten per

@import Befehl in die UserContent.css ein. Obwohl ich da schon mind 5x nachgeschaut hatte, ist mir jetzt aufgefallen, dass ich den Dateinamen nach dem @import falsch geschrieben hatte (Endung .css vergessen). Jetzt funktioniert es bei mir auch.

Ich versuche aktuell die Einstellungsseite anzupassen.

Doch irgendwie werden die Änderungen der css nicht übernommen:

/*about:preferences*/




@-moz-document url(about:preferences), url-prefix(about:preferences#privacy)
{
/*Hintergrund gesamte Seite*/


.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}


.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}


.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}


/*Suchfeld*/


#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}


/*Überschriften*/


h1 {
margin: 0 0 8px;
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
background-color: #ffd !important;
color: #00016e !important;
width: 600px !important;
text-align: center !important;
border-radius: 15px !important;
}

}

Hat jemand eine Idee, woran das liegen könnte?

Hallo,

welche Firefox Version nutzt du genau? Es gibt keine mit dem Namen "letzte". Des weiteren solltest du dein veraltetes Win 7 auf Windows 10 upgraden. Für verwaltete Systeme (Browser oder Betriebssystem) gibt es laut den Forenregeln hier keine Hilfe.

Zitat von Dharkness

Zitat von Firefox_94.0.1

Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.

Teste bitte das ↓.

CSS

addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}

Danke. Hat nicht 100% funktioniert, war aber eine große Hilfe.

Hier die (bei mir) funktionierende Lösung:

addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #9c1818 !important;
--in-content-button-background-hover: #ffd700 !important;
--in-content-button-text-color-hover: #9c1818 !important;
}