mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-09 19:30:15 +00:00
0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
45 lines
No EOL
2.4 KiB
CSS
45 lines
No EOL
2.4 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_main_menu.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Adds icons to main menu items which were removed in Proton */
|
|
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
|
|
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
|
|
fill: currentColor;
|
|
-moz-context-properties: fill;
|
|
margin-inline: 0 8px !important;
|
|
}
|
|
#appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
|
|
#appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
|
|
#appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
|
|
#appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
|
|
#appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
|
|
#appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
|
|
#appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
|
|
#appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
|
|
#appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
|
|
#appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
|
|
#appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
|
|
#appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
|
|
#appMenu-more-button2{ list-style-image: url("chrome://global/skin/icons/developer.svg") }
|
|
#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") }
|
|
/* Use account-button icon for signed in sync item */
|
|
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
|
|
display: flex;
|
|
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: flex;
|
|
border-bottom: 1px solid var(--panel-separator-color);
|
|
margin: var(--panel-separator-margin);
|
|
}
|
|
|
|
#appMenu-find-button2 ~ *{
|
|
-moz-box-ordinal-group: 2; /* Fx < 112 compatibility */
|
|
order: 2;
|
|
} |