better handling for sync button and the zoom item top separator

This commit is contained in:
MrOtherGuy 2021-05-13 11:12:48 +03:00
parent 945a25afd7
commit de2721e158

View file

@ -2,7 +2,7 @@
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
/* Adds icons to main menu items which were removed in Proton */ /* Adds icons to main menu items which were removed in Proton */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{ #appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
fill: currentColor; fill: currentColor;
-moz-context-properties: fill; -moz-context-properties: fill;
@ -24,4 +24,22 @@ See the above repository for updates as well as full license text. */
#appMenu-help-button2{ list-style-image: url(chrome://global/skin/icons/info.svg) } #appMenu-help-button2{ list-style-image: url(chrome://global/skin/icons/info.svg) }
#appMenu-quit-button2{ list-style-image: url(chrome://browser/skin/quit.svg) } #appMenu-quit-button2{ list-style-image: url(chrome://browser/skin/quit.svg) }
#appMenu-zoom-controls2{ border-top: 1px solid var(--panel-separator-color) !important; } /* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
display: -moz-box;
content: "";
width: 16px;
height: 16px;
background-image: var(--avatar-image-url)
}
/* Add somewhat hacky separator to zoom controls so it looks consistent */
#appMenu-protonMainView > .panel-subview-body::after{
content: "";
display: -moz-box;
border-bottom: 1px solid var(--panel-separator-color);
margin: var(--panel-separator-margin);
}
#appMenu-find-button2 ~ *{
-moz-box-ordinal-group: 2;
}