Stop / Reload-Button plötzlich tiefer

uwe_p

Hallo,

plötzlich, ich glaube, seit dem Update auf Version 90 ist der o.g. Button etwas tiefer als die anderen.

Hat jemand eine Idee, was der Grund sein könnte?

Bezüglich dieses Bereiches ist folgender CSS-Code aktiv:

CSS

#nav-bar { height: 32px !important }

#nav-bar .toolbarbutton-icon { 
    height: 26px !important; 
    border: 1px solid #81FBE4 !important; border-radius: 0 !important }
    
#home-button > .toolbarbutton-icon { background: #D3A1A2 !important }

@-moz-document url(chrome://browser/content/browser.xhtml) {
#nav-bar #back-button[disabled="true"],
#nav-bar #forward-button[disabled="true"] { opacity: .3 !important }}

#back-button > .toolbarbutton-icon, #forward-button > .toolbarbutton-icon { 
     border: 1px solid #81FBE4 !important; width: 66px !important }
    
#forward-button > image:nth-child(2), #back-button > image:nth-child(2),
#home-button > image:nth-child(1), #reload-button > image:nth-child(1),
#stop-button > image:nth-child(1), #bookmarks-menu-button > image:nth-child(2) { 
     padding: 4px !important }

#home-button > .toolbarbutton-icon, #reload-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon, #bookmarks-menu-button > .toolbarbutton-icon { 
     width: 50px !important }

Alles anzeigen

Freundliche Grüße

Uwe

2002Andreas

Zitat von uwe_p

Hat jemand eine Idee,

Ich bin mir nicht sicher, aber entfern doch bitte mal Zeile 4 und teste.

Sören Hentzschel

Der Button war in Firefox 89 nicht ganz mittig ausgerichtet, darum wurde die Position in Firefox 90 um einen Pixel angepasst. Damit kannst du die Änderung rückgängig machen:

CSS

:where(#reload-button, #stop-button) > .toolbarbutton-icon,
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
  translate: 0 !important;
}

uwe_p

Zitat von 2002Andreas

Ich bin mir nicht sicher, aber entfern doch bitte mal Zeile 4 und teste.

Das brachte keine Änderung, trotzdem danke für den Vorschlag.

Zitat von Sören Hentzschel
Der Button war in Firefox 89 nicht ganz mittig ausgerichtet, darum wurde die Position in Firefox 90 um einen Pixel angepasst. Damit kannst du die Änderung rückgängig machen:
CSS
:where(#reload-button, #stop-button) > .toolbarbutton-icon,
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
  translate: 0 !important}

Super, jetzt ist wieder alles auf einer Höhe, besten Dank

oldman53

Sagenhaft, welches Wissen in diesem Forum steckt!

Wenn ich richtig gucken kann, ist in der 91Beta2 schon kein Versatz mehr.

Sören Hentzschel

Jap, in Firefox 91 wurde das ursprüngliche Problem auf bessere Weise behoben. Mein Code wird in Firefox 91 dann keinen Unterschied mehr machen. Aber möglicherweise wird dann auch gar keine Anpassung mehr gebraucht. Das muss man mit den durchgeführten Anpassungen mal testen.