Hallo,
mittels
#nav-bar .toolbarbutton-badge-stack { width: 50px !important }habe ich einige Buttons verbreitert. Überraschend sind die Grafiken nun unmittig.
Bei drei Buttons ist mir das nur recht, so entsteht Platz für die zusätzlich angezeigten Werte.
Die Grafiken der beiden rechten Buttons würde ich jedoch gern mittig plazieren.
Weiß jemand, wie das gehen könnte?
Beste Grüße
Uwe
Teste bitte mal:
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack {
width: 50px !important;
}Teste bitte mal:
CSS#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack { width: 50px !important; }
Das hat bei mir offenbar keine Veränderung bewirkt.
keine Veränderung bewirkt.
Sieht hier so aus damit.
Ist aber nicht perfekt, weil einige andere Button auch noch angesprochen werden
Überraschend sind die Grafiken nun unmittig.
Eigentlich ist das gar nicht überraschend, wenn du bedenkst, dass in CSS standardmäßig alles links ausgerichtet ist - außer es gibt eine Regel, um einen Inhalt zentriert oder rechts auszurichten, was in diesem Fall aber nicht zutreffend ist. Insofern hast du natürlich eine große Lücke rechts, wenn du nur die Breite vom Element vergrößerst.
Du kannst den Inhalt mit nur einer zusätzlichen Zeile horizontal zentrieren:
#nav-bar .toolbarbutton-badge-stack {
justify-content: center !important;
}Alternativ kannst du auch nur das Symbol mittig platzieren, das lässt den ggfs. vorhandenen Badge von Erweiterungen rechts oben unberührt. Dazu musst die Änderung von gerade weglassen und Folgendes ergänzen:
#nav-bar .toolbarbutton-badge-stack > image {
margin-left: auto !important;
margin-right: auto !important;
}Besten Dank für die Erläuterungen,
mit
#PanelUI-menu-button .toolbarbutton-badge-stack, #downloads-button .toolbarbutton-badge-stack {
justify-content: center !important}habe ich die beiden mittig gewünschten Grafiken nun zentriert.
Interessant: Der Inhalt anderer verbreiterter Buttons ist offenbar standardmäßig zentriert:
Freundliche Grüße
Uwe