tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

iconized main menu: Apply transparent stroke to the icon of quit button

Browse Source
This commit is contained in:
MrOtherGuy
2025-08-21 09:32:06 +03:00
parent 2addb23819
commit dfeb25f711
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
chrome/iconized_main_menu.css
View File

@@ -4,8 +4,7 @@ See the above repository for updates as well as full license text. */
/* Adds icons to main menu items which were removed in Proton */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image,
#appMenu-mainView > .panel-subview-body > .subviewbutton > .toolbarbutton-icon{
:where(#appMenu-mainView) > .panel-subview-body > .subviewbutton > .toolbarbutton-icon{
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 8px !important;
@@ -34,15 +33,16 @@ 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-quit-button2{
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
stroke: transparent;
-moz-context-properties: fill,stroke;
& > .toolbarbutton-icon{
stroke: transparent;
-moz-context-properties: fill,stroke;
}
}
#appMenu-translate-button{ list-style-image: url("chrome://browser/skin/translations.svg") }
#appMenu-zoom-controls::before{ background-image: url("chrome://browser/skin/fullscreen.svg") }
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{ background-image: var(--avatar-image-url) }
/* Add somewhat hacky separator to zoom controls so it looks consistent */
#appMenu-protonMainView > .panel-subview-body::after,
#appMenu-mainView > .panel-subview-body::after{
content: "";
display: flex;