mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-15 15:20:33 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Option - userChrome.icon.panel_photon #308

Browse source
This commit is contained in:
alstjr7375 2022-03-30 01:04:38 +09:00
parent 02687f15b6
commit 6f8c216242
4 changed files with 35 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/icons/_panel.scss
View file

@ -24,11 +24,22 @@
background-image: var(--avatar-image-url) !important; background-image: var(--avatar-image-url) !important;
} }
@include Option("userChrome.icon.panel_full") { @include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
#appMenu-new-tab-button2 { #appMenu-new-tab-button2 {
list-style-image: url("chrome://browser/skin/new-tab.svg"); list-style-image: url("chrome://browser/skin/new-tab.svg");
} }
} }
@include Option("userChrome.icon.panel_photon") {
#appMenu-save-file-button2,
#appMenu-find-button2,
#appMenu-more-button2 {
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
}
#appMenu-zoom-controls2 {
padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
}
}
@include Option("userChrome.icon.panel_sparse") { @include Option("userChrome.icon.panel_sparse") {
#appMenu-new-tab-button2, /* Seperate */ #appMenu-new-tab-button2, /* Seperate */
#appMenu-passwords-button, /* Seperate */ #appMenu-passwords-button, /* Seperate */
@ -61,7 +72,7 @@
#appMenu-downloads-button { #appMenu-downloads-button {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
} }
@include Option("userChrome.icon.panel_full") { @include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
#appMenu-passwords-button { #appMenu-passwords-button {
list-style-image: url("chrome://browser/skin/login.svg"); list-style-image: url("chrome://browser/skin/login.svg");
} }
@ -92,6 +103,8 @@
#appMenu-more-button2 { #appMenu-more-button2 {
list-style-image: url("chrome://browser/skin/ion.svg"); list-style-image: url("chrome://browser/skin/ion.svg");
} }
}
@include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
#appMenu-help-button2 { #appMenu-help-button2 {
list-style-image: url("chrome://global/skin/icons/help.svg"); list-style-image: url("chrome://global/skin/icons/help.svg");
} }

2
src/panel/_icon_padding.scss
View file

@ -7,7 +7,7 @@
width: 16px; width: 16px;
} }
@include Option("userChrome.icon.panel_sparse") { @include Option("userChrome.icon.panel_photon", "userChrome.icon.panel_sparse") {
:root { :root {
/* Blank Menu Left Padding */ /* Blank Menu Left Padding */
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px); --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);

3
user.js
View file

@ -42,7 +42,8 @@ user_pref("userChrome.tab.newtab_button_like_tab", true); // Original
// user_pref("userChrome.tab.newtab_button_proton", true); // Proton // user_pref("userChrome.tab.newtab_button_proton", true); // Proton
user_pref("userChrome.icon.panel_full", true); // Original, Proton user_pref("userChrome.icon.panel_full", true); // Original, Proton
// user_pref("userChrome.icon.panel_sparse", true); // Photon // user_pref("userChrome.icon.panel_photon", true); // Photon
// user_pref("userChrome.icon.panel_sparse", true); // Just option
// Original Only // Original Only
user_pref("userChrome.tab.box_shadow", true); user_pref("userChrome.tab.box_shadow", true);

21
userChrome.css
View file

@ -5078,7 +5078,7 @@
width: 16px; width: 16px;
} }
@supports -moz-bool-pref("userChrome.icon.panel_sparse") { @supports -moz-bool-pref("userChrome.icon.panel_photon") or -moz-bool-pref("userChrome.icon.panel_sparse") {
:root { :root {
/* Blank Menu Left Padding */ /* Blank Menu Left Padding */
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px); --arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);
@ -5210,11 +5210,23 @@
background-image: var(--avatar-image-url) !important; background-image: var(--avatar-image-url) !important;
} }
@supports -moz-bool-pref("userChrome.icon.panel_full") { @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
#appMenu-new-tab-button2 { #appMenu-new-tab-button2 {
list-style-image: url("chrome://browser/skin/new-tab.svg"); list-style-image: url("chrome://browser/skin/new-tab.svg");
} }
} }
@supports -moz-bool-pref("userChrome.icon.panel_photon") {
#appMenu-save-file-button2,
#appMenu-find-button2,
#appMenu-more-button2 {
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
}
#appMenu-zoom-controls2 {
padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
}
}
@supports -moz-bool-pref("userChrome.icon.panel_sparse") { @supports -moz-bool-pref("userChrome.icon.panel_sparse") {
#appMenu-new-tab-button2, #appMenu-new-tab-button2,
#appMenu-passwords-button, #appMenu-passwords-button,
@ -5252,7 +5264,7 @@
list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
} }
@supports -moz-bool-pref("userChrome.icon.panel_full") { @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
#appMenu-passwords-button { #appMenu-passwords-button {
list-style-image: url("chrome://browser/skin/login.svg"); list-style-image: url("chrome://browser/skin/login.svg");
} }
@ -5286,7 +5298,8 @@
#appMenu-more-button2 { #appMenu-more-button2 {
list-style-image: url("chrome://browser/skin/ion.svg"); list-style-image: url("chrome://browser/skin/ion.svg");
} }
}
@supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
#appMenu-help-button2 { #appMenu-help-button2 {
list-style-image: url("chrome://global/skin/icons/help.svg"); list-style-image: url("chrome://global/skin/icons/help.svg");
} }