From 5e6b0b17a93d93afe81ec3dd06f0c0696a7ebfc3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 1 Jun 2021 11:01:16 +0900 Subject: [PATCH 01/12] Add: Tab Bar - remove gap between pinned and unpinned tabs #4 --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 2448332..f73977f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -56,8 +56,8 @@ padding-right: var(--newtab-button-width-padding) !important; } - :root[uidensity=compact] #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { - margin-inline-start: 0 !important; + #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { + margin-inline-start: 1px !important; } :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox { From 63e3b8a60f602ee66d89567962e17aa5303300f3 Mon Sep 17 00:00:00 2001 From: 7k5x <85086136+7k5x@users.noreply.github.com> Date: Tue, 1 Jun 2021 11:42:19 +0900 Subject: [PATCH 02/12] Create feature_request.md --- .github/ISSUE_TEMPLATE/feature_request.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 .github/ISSUE_TEMPLATE/feature_request.md diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md new file mode 100644 index 0000000..be77263 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -0,0 +1,20 @@ +--- +name: Feature request +about: Suggest an idea for this project +title: '' +labels: '' +assignees: '' + +--- + +**Is your feature request related to a problem? Please describe.** +A clear and concise description of what the problem is. Ex. I don't like this design that [...] + +**Describe the solution you'd like** +A clear and concise description of what you want to happen. + +**Describe alternatives you've considered** +A clear and concise description of any alternative solutions or features you've considered. + +**Additional context** +Add any other context or screenshots about the feature request here. From d3ac8fbcc4718cb99dc92de508dd35df67299373 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Tue, 1 Jun 2021 03:30:39 +0000 Subject: [PATCH 03/12] Doc: update tab bar width screenshot --- README.org | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.org b/README.org index 1247920..37da636 100644 --- a/README.org +++ b/README.org @@ -105,8 +105,8 @@ - :warning: Address bar 3-point menu, screenshot moves to toolbar (can't fix) ** Padding Comparisons -[[https://user-images.githubusercontent.com/25581533/120252679-c0b4c780-c274-11eb-83f4-805cb243ff7d.png]] -[[https://user-images.githubusercontent.com/25581533/120253257-6ae11f00-c276-11eb-93cf-393f9845f30b.png]] + [[https://user-images.githubusercontent.com/25581533/120262626-8c97d180-c289-11eb-87a6-68e285d6d77c.png]] + [[https://user-images.githubusercontent.com/25581533/120253257-6ae11f00-c276-11eb-93cf-393f9845f30b.png]] [[https://user-images.githubusercontent.com/25581533/118402352-1e33fc00-b659-11eb-89fc-3cb38207fe39.png]] [[https://user-images.githubusercontent.com/25581533/116781623-930d1080-aa73-11eb-8fc7-14c238b73bfe.png]] From 69f9572af81980347f9ac393ee3c24a1f18ff538 Mon Sep 17 00:00:00 2001 From: 7k5x <85086136+7k5x@users.noreply.github.com> Date: Tue, 1 Jun 2021 14:14:47 +0900 Subject: [PATCH 04/12] Update README.org --- README.org | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/README.org b/README.org index 37da636..8837bd5 100644 --- a/README.org +++ b/README.org @@ -6,28 +6,28 @@ *Table of Contents* :CONTENTS: - [[#lepton-old-name-proton-fix][Lepton (old name: Proton Fix)]] - - [[#introduce][Introduce]] - - [[#how-to-install][How to Install?]] + - [[#introduction][Introduction]] + - [[#installation-guide][Installation Guide]] - [[#why-proton][WHY Proton?]] - [[#why-not-proton][WHY Not Proton?]] - [[#padding-comparisons][Padding Comparisons]] :END: -** Introduce - [[https://wiki.mozilla.org/Firefox/Proton][Proton]] is Firefox's new design. \\ - And [[https://design.firefox.com/photon/][Photon]] is old design(88 or earlier) +** Introduction + [[https://wiki.mozilla.org/Firefox/Proton][Proton]] is Firefox's new design, starting from Firefox 89. \\ + [[https://design.firefox.com/photon/][Photon]] is the old design of Firefox which was used until version 88. Proton's [[#why-proton][overall feel is good]], but there were a few things I [[#why-not-proton][didn't like]] and wanted to improve. \\ That's why this project was born, and Lepton to denote light theme layer. - /Disclaimer:/ It works *Firefox 89* above!! + /Disclaimer:/ It works *Firefox 89* and above!! | *Wiki* | | | | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Screenshots][Screenshots]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Compatibility Issues Solution]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Tips][Tips]] | [[https://user-images.githubusercontent.com/25581533/119774062-20942280-beb1-11eb-80aa-c18dd52f18d7.png]] - - (Lepton's design) + + (Lepton's design :arrow_up:) - *Icons* - Panel @@ -61,7 +61,7 @@ - Icons: - Size: Fill it up -** How to Install? +** Installation Guide 1. Download Files - Above right's :arrow_down: Code @@ -83,7 +83,7 @@ [[https://user-images.githubusercontent.com/25581533/119773764-a6639e00-beb0-11eb-8023-498b6293c4b2.png]] - (Proton's design) + (Proton's design :arrow_up:) - Neatly organized menu - Icon beautiful enough to remind you of Edge @@ -96,7 +96,7 @@ [[https://user-images.githubusercontent.com/25581533/119773812-b5e2e700-beb0-11eb-923c-55ae1a8ca249.png]] - (Photon's design) + (Photon's design :arrow_up:) - Is it a tab or a button? - Where are the menu icons? @@ -112,4 +112,4 @@ - Photon (Quantum) - Proton - - Proton Fix + - Lepton From 85d6d042c6739740ca08905958ffb6196f155191 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 1 Jun 2021 15:21:27 +0900 Subject: [PATCH 05/12] Add: bash script installer #18 --- Install.sh | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 Install.sh diff --git a/Install.sh b/Install.sh new file mode 100644 index 0000000..e87dcfd --- /dev/null +++ b/Install.sh @@ -0,0 +1,19 @@ +autocopy() { + local file=${1} + local target=${2} + + if [ -e "${target}" ]; then + echo "${target} alreay exist." + echo "Now Backup.." + autocopy "${target}" "${target}.bak" + echo"" + fi + + cp -v "${file}" "${target}" +} + +install_lepton() { + local userConfig="user.js" + autocopy "${userConfig}" "../${userConfig}" +} +install_lepton From 3d641e400eb6ae2bc2e2c22e65ef9ea88e2258b8 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 2 Jun 2021 10:45:14 +0900 Subject: [PATCH 06/12] Add: Panel - Addon permission icons --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index f73977f..2c4b5cb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -607,6 +607,12 @@ } /* Panel - Main */ + #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon { + display: -moz-inline-box !important; + margin-inline-start: var(--arrowpanel-menuicon-padding); + -moz-box-ordinal-group: 0 !important; + } + #appMenu-proton-update-banner::before { content: url(chrome://browser/skin/whatsnew.svg); } From 5583aece750aa3551e2e13e7fb8dacc71a90ec21 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 2 Jun 2021 10:45:47 +0900 Subject: [PATCH 07/12] Add: Download Panel - Icons --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index 2c4b5cb..4eba73e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -563,6 +563,7 @@ --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important; } + #downloadsHistory .button-text, .subviewbutton > .toolbarbutton-text { padding-inline-start: var(--arrowpanel-menuicon-padding) !important; } @@ -600,6 +601,7 @@ /* Icons Color */ #appMenu-multiView .subviewbutton::before, #appMenu-proton-update-banner::before, + #downloadsHistory .button-icon, .subviewbutton > image { fill: currentColor !important; fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; @@ -862,6 +864,11 @@ list-style-image: url(chrome://browser/skin/downloads/downloads.svg); } + /* Panel - Downloads */ + #downloadsHistory { + list-style-image: url(chrome://browser/skin/downloads/downloads.svg); + } + /* Toolbar - Overflow Menu */ #overflowMenu-customize-button { list-style-image: url(chrome://browser/skin/customize.svg); From 08f2679253845f7dae00c28a321a3a490dbe6fc5 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 2 Jun 2021 11:21:23 +0900 Subject: [PATCH 08/12] Add: Url Bar - integrated with calculator --- user.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/user.js b/user.js index 73a28df..3474f19 100644 --- a/user.js +++ b/user.js @@ -1,3 +1,4 @@ +// ** Theme Related Options **************************************************** // userchrome.css usercontent.css activate user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); @@ -9,3 +10,8 @@ user_pref("layout.css.backdrop-filter.enabled", true); // Restore Compact Mode - 89 Above user_pref("browser.compactmode.show", true); + + +// ** Useful Options *********************************************************** +// Integrated calculator at urlbar +user_pref("browser.urlbar.suggest.calculator", true); From be13dff4e747188f8796a69324c9481b0971c511 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 2 Jun 2021 12:19:40 +0900 Subject: [PATCH 09/12] Fix: Installer - permission --- Install.sh | 0 1 file changed, 0 insertions(+), 0 deletions(-) mode change 100644 => 100755 Install.sh diff --git a/Install.sh b/Install.sh old mode 100644 new mode 100755 From 8ea735862467ebc52800649b76531b8b1e0ace35 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 2 Jun 2021 17:07:37 +0900 Subject: [PATCH 10/12] Fix: Tab Bar - reduce new tab button left margin #27 --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 4eba73e..955d6f3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -244,7 +244,7 @@ } .tabbrowser-tab[last-visible-tab] .tab-background::after { right: 0; - transform: translateX(2.5px) translateY(calc(-50% + 1px)) !important; + transform: translateX(.5px) translateY(calc(-50% + 1px)) !important; } .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab:not([visuallyselected]) .tab-background::before, @@ -255,7 +255,7 @@ /* Latest Tab & New tab margin */ #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[last-visible-tab] { - margin-inline-end: 8px !important; + margin-inline-end: 4px !important; } /** Clipped tabs - Letters cleary *******************************************/ From 0b45e963ad53f949010214d5de200a065c54db4a Mon Sep 17 00:00:00 2001 From: Yunsup Sim Date: Thu, 3 Jun 2021 10:27:10 +0900 Subject: [PATCH 11/12] Fix: Panel - Fix text cut off in some language #28 --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 955d6f3..667b5c4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -555,6 +555,11 @@ :root[uidensity=compact] menupopup > menuitem, menupopup > menu { padding-block: 0.25em !important; /* Original: 0.5em */ } + + /** Panel - View ************************************************************/ + :root #appMenu-popup panelview { + width: 25em !important; /* can modify panel width, Original: 22.5em */ + } /** Panel - Icons ***********************************************************/ /* Padding */ From eb1a64b596556073101effb108e8b26032e592f2 Mon Sep 17 00:00:00 2001 From: Roel Date: Thu, 3 Jun 2021 17:50:31 +0200 Subject: [PATCH 12/12] Fixes #36: wrong icons under More Tools if debugging is disabled 2 lines in the menu appear only if the option "Enable browser chrome and add-on debugging toolboxes" is enabled. Since the icons are set positionally, disabling this option assigns some icons incorrectly. This change fixes this by assigning the latter half of the icons bottom-to-top, so that the correct icons can overrule the incorrect icons, if there's lines absent from the menu. --- userChrome.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index 667b5c4..abfd5c4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -816,19 +816,19 @@ #appmenu-developer-tools-view .subviewbutton:nth-child(5) { /* Browser Content Toolbaox - */ list-style-image: url(./icons/command-frames.svg); } - #appmenu-developer-tools-view .subviewbutton:nth-child(6) { /* Browser Console */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(5) { /* Browser Console */ list-style-image: url(chrome://devtools/skin/images/command-console.svg); } - #appmenu-developer-tools-view .subviewbutton:nth-child(7) { /* Responsive Design Mode */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(4) { /* Responsive Design Mode */ list-style-image: url(./icons/command-responsivemode.svg); } - #appmenu-developer-tools-view .subviewbutton:nth-child(8) { /* Eyedropper */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(3) { /* Eyedropper */ list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg); } - #appmenu-developer-tools-view .subviewbutton:nth-child(9) { /* Page Source - Edge file-search.svg */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(2) { /* Page Source - Edge file-search.svg */ list-style-image: url(./icons/search-file.svg); } - #appmenu-developer-tools-view .subviewbutton:nth-child(10) { /* Extensions for Devel */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(1) { /* Extensions for Devel */ list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg); } #appmenu-developer-tools-view .subviewbutton:last-child {