Abstand der Icons in der Menuleiste zu groß

BarbaraZ-

Bei mir sind die Abstände der Icons untereinander zu groß geworden.

CSS

/* Adressleiste - Rand und Farbe anpassen */

@-moz-document url(chrome://browser/content/browser.xhtml) {

#urlbar {
    border: 2px solid dodgerblue !important;
    }
	
.urlbar-input {
    color: red !important; /* Schriftgestaltung */  
    font-weight: bold !important;
    font-size: 14px !important;
 }
	
/** Abstände Icons verkleinern */

toolbar .toolbarbutton {
    margin: 0.8px -0.8 !important;	
}
}

Alles anzeigen

Mit dem Code oben spreche ich die Icons an. Die Standardeinstellung unter margin war 1.6px und -1.6px.
Leider ist es egal, welchen Wert ich dort einsetze, ob den jetzigen oder den vorherigen, die Abstände bleiben zu groß.

Über eine Lösung freue ich mich.

2002Andreas

Zitat von BarbaraZ-

Über eine Lösung freue ich mich.

Den Wert mal etwas übertrieben:

Zitat von BarbaraZ-

margin: 0.8px -0.8 !important;

Das funktioniert eh nicht, weil da fehlt nach -0.8 die Bezeichnung .px

BarbaraZ-

Das mit dem fehlenden px stimmte wohl. Ist mir beim speichern reingerutscht. Ich habe jetzt mal -8.6px genutzt, ändert nichts am Ergebnis.

Meine Idee wäre vielleicht, die Adressliste zu vergrößern/zu verlängern. Sollte dann die Icons weiter zusammenschieben. Also nur mal so gedacht.

Eventuell kollidiert es hiermit:

CSS

/*Schrift für Menuleiste kräftiger*/

@-moz-document url-prefix("chrome://browser/content/browser.xhtml"){

/* Schrift kräftiger */
#main-menubar {
    font-size: 13px !important;
	color: red !important;
	font-weight: bold !important;
}

/* Hintergrund obere Leiste im Screen*/    
#toolbar-menubar {
    background-color: yellow !important; 
	font-size: 12px !important;
}
}
#home-button{
fill:darkred!important;}

#back-button{
fill:yellow!important;}

#forward-button{
fill:dodgerblue!important;}

Alles anzeigen

Ich hab woanders noch eine Schnipsel gefunden:

CSS

#nav-bar .toolbarbutton-1 {
   --toolbarbutton-outer-padding: 0px !important;

2002Andreas

Zitat von BarbaraZ-

ändert nichts am Ergebnis.

Teste bitte:

CSS

toolbar .toolbarbutton-1 {
    margin: -3px !important;	
}

BarbaraZ-

Treffer und versenkt.

Herzlichen Dank

2002Andreas

Zitat von BarbaraZ-

Treffer und versenkt.

Zitat von BarbaraZ-

Herzlichen Dank

gerne wie immer

.DeJaVu

Das hier wäre richtiger, so steht es auch in Firefox. Deine Buttons sind eh viel zu weit auseinander, dafür ist ebenfalls irgendwas bei dir verantwortlich.

CSS

toolbar .toolbaritem-combined-buttons {
 margin-inline: 2px;
}

2002Andreas

Zitat von .DeJaVu

Das hier wäre richtiger

ändert hier nichts, auch nicht mit 200px.

.DeJaVu

Dann hast du was falsch gemacht.

Oben nightly ohne, unten stable mit

Gehört in die userChrome

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml)
{
    toolbar .toolbaritem-combined-buttons
   {
       margin-inline: 0 !important;
   }
}

Und jetzt beide mit

2002Andreas

Zitat von .DeJaVu

Dann hast du was falsch gemacht.

Siehe meinen Screenshot.

Das sind ja auch keine combined-buttons

Mitleser

Zitat von BarbaraZ-

Ich hab woanders noch eine Schnipsel gefunden:
#nav-bar .toolbarbutton-1 { --toolbarbutton-outer-padding: 0px !important;}

--toolbarbutton-outer-padding ist in FF 152 durch --toolbarbutton-padding-outer ersetzt worden

.DeJaVu

Zitat von 2002Andreas

Das sind ja auch keine combined-buttons

Und davon sehe ich bei ihr nur genau eines, alles andere sind Erweiterungen.

Aber ich muss das andere revidieren, ich hab dazu schon was seit Proton

CSS

toolbar .toolbarbutton-1 {
 margin: 0px !important;
 padding: 0 !important;
}

Wobei das padding ausschlaggebend ist. Warum es allerdings auch die Erweiterungen-Buttons betrifft, schau ich gerade nach.

Aber bei deiner Lösung halte negative Werte bei margin für fatal, dann überlappen sich bei mir die Buttons. -2px ist ohne padding das maximale, bei -3px überlappen die sich hier.

Ah da, jetzt hab ich es. toolbarbutton-1 ist Teil vom CSS unterhalb der Button-Ebene.

Da würde ich dann eher auf toolbar #nav-bar-customization-target > .toolbarbutton-1 gehen bzw
toolbar #nav-bar-customization-target > toolbarbutton

2002Andreas

Zitat von .DeJaVu

alles andere sind Erweiterungen.

In dem Profil vom Screenshot gibt es keine Erweiterungen

Das sind die Button, die du damit angesprochen hattest:

.DeJaVu

NICHT dein Bild, IHR Bild.

Und nein, du bist wieder auf dem Holzweg.

Ich hab das für mich jetzt nachgebessert, sieht so für Erweiterungen und Firefox-Buttons aus:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml)
{

    toolbar#nav-bar #nav-bar-customization-target > .toolbaritem-combined-buttons
    {
        margin-inline: -2px !important;
    }

}

und

CSS

toolbar#nav-bar #nav-bar-customization-target > .toolbarbutton-1
{
    margin: -2px !important;
    padding: 0 !important;
}

Beides userChrome.

Abstand der Icons in der Menuleiste zu groß

Ähnliche Themen

Probleme bei Firefox 149

Alter Zustand der Searchbar mit Anpassungen

about:addons mit einigen Fehlern in 150.0 Nightly

Kundenrezensionen auf amazon.de werden nicht mehr angezeigt

Symbolabstände in einigen Menüs und Kontextmenüs zu groß