Das CSS verzerrt die VPN-Schaltfläche in V154 und V155

Das CSS vergrößert die Schaltflächen in zusätzlichen Symbolleisten wie „vertical-toolbar“, „addon-bar“ sowie einige Schaltflächen in der Navigationsleiste. Allerdings führt das CSS zu Darstellungsfehlern bei der VPN-Schaltfläche. Es ist erforderlich, entweder das CSS an die VPN-Schaltfläche anzupassen oder die VPN-Schaltfläche aus dem Wirkungsbereich des CSS auszuschließen.

/* userChrome.css */
toolbar:not(#PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-icon,
toolbar:not(#PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-badge-stack {
    padding: calc(var(--toolbarbutton-padding-inner) - 4px) !important;
 }
toolbar:not(#PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
    width: 22px !important;
    height: 22px !important;
 }
/* Spacing between buttons */
/*    :root { --toolbarbutton-padding-outer: 4px !important; }    /* if needs */

Zum Testen können Sie diese Bottom Toolbar von Mira_Belle verwenden. Umschalten zwischen „Bottom“ und „Top“:

//    document.getElementById('navigator-toolbox').parentNode.insertBefore( vbox, null);    // Bottom    document.getElementById('navigator-toolbox').insertBefore( vbox, null);                // Top
Vielen Dank für Ihre Hilfe

Zitat von 2002Andreas

Teste bitte wenn du magst:

Superb Danke