From e74ddc3a355249d4c2bbeefa8a0e033f47ec11e5 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 31 Aug 2021 10:51:41 +0900 Subject: [PATCH 01/59] Fix: CI - update pass options --- .github/workflows/format.yml | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml index de16b5d..1ed701e 100644 --- a/.github/workflows/format.yml +++ b/.github/workflows/format.yml @@ -5,26 +5,26 @@ on: pull_request: push: branches: - - master - - dev - - photon-style - - proton-style + - master + - dev + - photon-style + - proton-style jobs: prettier: runs-on: ubuntu-latest steps: - - name: Checkout - uses: actions/checkout@v2 - with: - # Make sure the actual branch is checked out when running on pull requests - ref: ${{ github.head_ref }} + - name: Checkout + uses: actions/checkout@v2 + with: + # Make sure the actual branch is checked out when running on pull requests + ref: ${{ github.head_ref }} - - name: Prettify code - uses: creyD/prettier_action@v3.3 - with: - # This part is also where you can pass other options, for example: - prettier_options: --write **/*.{css} - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + - name: Prettify code + uses: creyD/prettier_action@v3.3 + with: + # This part is also where you can pass other options, for example: + prettier_options: --write . + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} From 5345e70dc0bef2c61aef4f65073d3d320b1a637b Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 31 Aug 2021 11:44:44 +0900 Subject: [PATCH 02/59] Clean: workflow format #182 --- .github/workflows/format.yml | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml index 1ed701e..ec321c7 100644 --- a/.github/workflows/format.yml +++ b/.github/workflows/format.yml @@ -5,26 +5,26 @@ on: pull_request: push: branches: - - master - - dev - - photon-style - - proton-style + - master + - dev + - photon-style + - proton-style jobs: prettier: runs-on: ubuntu-latest steps: - - name: Checkout - uses: actions/checkout@v2 - with: - # Make sure the actual branch is checked out when running on pull requests - ref: ${{ github.head_ref }} + - name: Checkout + uses: actions/checkout@v2 + with: + # Make sure the actual branch is checked out when running on pull requests + ref: ${{ github.head_ref }} - - name: Prettify code - uses: creyD/prettier_action@v3.3 - with: - # This part is also where you can pass other options, for example: - prettier_options: --write . - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + - name: Prettify code + uses: creyD/prettier_action@v3.3 + with: + # This part is also where you can pass other options, for example: + prettier_options: --write . + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} From 2bac49f4ba9e17e5c140487d439660c9fe16269f Mon Sep 17 00:00:00 2001 From: MS_Y Date: Wed, 1 Sep 2021 01:57:07 +0000 Subject: [PATCH 03/59] Fix: CI - Typo --- .github/workflows/release.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index a0e796a..048a562 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -13,7 +13,7 @@ jobs: branch: "master" - name: "Lepton-Photon-Style" branch: "photon-style" - - name: "Lepton-Prton-Style" + - name: "Lepton-Proton-Style" branch: "proton-style" steps: - uses: actions/checkout@v2 From a2b3d6cc4a48a85f594f0532ffeb313a18820afb Mon Sep 17 00:00:00 2001 From: MS_Y Date: Wed, 1 Sep 2021 01:59:19 +0000 Subject: [PATCH 04/59] Fix: CI - Escape --- .github/workflows/release.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 048a562..c877e85 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -29,7 +29,7 @@ jobs: BRANCH=${{ matrix.branch }} TAGVER=${GITHUB_REF#refs/*/} - echo -e "\[Info\]\nVer=${TAGVER}\nBranch=${BRANCH}" > LEPTON + echo -e "[Info]\nVer=${TAGVER}\nBranch=${BRANCH}" > LEPTON - name: Release Structure run: | From 74bd1ca1322adb6731a52101fd7dcc1fc4746573 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 09:22:20 +0900 Subject: [PATCH 05/59] Fix: Developer tools, inspect - missing icons #205 --- userChrome.css | 52 ++++++++++++++++++++++++++++++-------------------- 1 file changed, 31 insertions(+), 21 deletions(-) diff --git a/userChrome.css b/userChrome.css index c1cb8c2..d41ab08 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1868,44 +1868,54 @@ list-style-image: url("chrome://browser/skin/customize.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-child(1) { - /* Web Developer Tools */ + /* Web Developer Tools */ + #appmenu-developer-tools-view .subviewbutton:nth-child(1), + #PanelUI-developer-tools-view .subviewbutton:nth-child(1) { list-style-image: url("chrome://browser/skin/developer.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-child(2) { - /* Task Manager */ + /* Task Manager */ + #appmenu-developer-tools-view .subviewbutton:nth-child(2), + #PanelUI-developer-tools-view .subviewbutton:nth-child(2) { list-style-image: url("./icons/performance.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-child(3) { - /* Remote Debugging - Edge bug.svg */ + /* Remote Debugging - Edge bug.svg */ + #appmenu-developer-tools-view .subviewbutton:nth-child(3), + #PanelUI-developer-tools-view .subviewbutton:nth-child(3) { list-style-image: url("./icons/bug.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-child(4) { - /* Browser Toolbox - Edge webdeveloper.svg */ + /* Browser Toolbox - Edge webdeveloper.svg */ + #appmenu-developer-tools-view .subviewbutton:nth-child(4), + #PanelUI-developer-tools-view .subviewbutton:nth-child(4) { list-style-image: url("./icons/webdeveloper.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-child(5) { - /* Browser Content Toolbaox - */ + /* Browser Content Toolbaox - */ + #appmenu-developer-tools-view .subviewbutton:nth-child(5), + #PanelUI-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("./icons/command-frames.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-last-child(5) { - /* Browser Console */ + /* Browser Console */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), + #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { list-style-image: url("chrome://devtools/skin/images/command-console.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-last-child(4) { - /* Responsive Design Mode */ + /* Responsive Design Mode */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), + #PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) { list-style-image: url("./icons/command-responsivemode.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-last-child(3) { - /* Eyedropper */ + /* Eyedropper */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), + #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-last-child(2) { - /* Page Source - Edge file-search.svg */ + /* Page Source - Edge file-search.svg */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), + #PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) { list-style-image: url("./icons/search-file.svg"); } - #appmenu-developer-tools-view .subviewbutton:nth-last-child(1) { - /* Extensions for Devel */ + /* Extensions for Devel */ + #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), + #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg"); } #appmenu-developer-tools-view .subviewbutton:last-child { @@ -2550,7 +2560,7 @@ --menuitem-image: url("chrome://devtools/skin/images/tool-accessibility.svg"); } #context-inspect { - --menuitem-image: url("chrome://devtools/skin/images/command-pick.sv"g); + --menuitem-image: url("chrome://devtools/skin/images/command-pick.svg"); } #context-media-eme-learnmore { From 9dc5f3195331f9189745c8a6ce1bbcca2aa2b44e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 09:58:12 +0900 Subject: [PATCH 06/59] Fix: Context Menu - Linux's default menu padding inline at menu.css menuitem { padding: 4px 6px; } --- userChrome.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index d41ab08..ac50176 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2154,7 +2154,14 @@ } } - /* Padding Mac */ + /* Padding - Linux */ + @media (-moz-gtk-csd-available) { + :root { + --context-menu-background-padding-default: 6px; + } + } + + /* Padding - Mac */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { --context-menu-background-padding-default: 10px; From aa31dc22c1a4e8c9d8ea48f0cdf274e805233165 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 11:18:46 +0900 Subject: [PATCH 07/59] Fix: Bookmark Menu - padding inline at linux #136 - [lp]: padding-left - [rp]: padding-right - [rm]: margin-right /** Global Menu Bookmark *****************************************************/ /*= Global Menu * menuitem, menu: var(--context-menu-background-padding)[lp] */ menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) { padding-inline-start: var(--context-menu-background-padding) !important; } /*= Bookmark * menu: 0.5em[lp] */ menupopup > menu { padding-inline-start: 0.5em; } /*= Result ===== * 0.5em => var(--context-menu-background-padding) */ menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item { padding-inline-start: var(--context-menu-background-padding) !important; } /** Popup Menu Bookmark ******************************************************/ /*= General ================================================================== /* = Arrowpanel * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp] * .menu-text: 16[icon] + 8px[lp] = 24px * * Result: var(--arrowpanel-menuitem-padding) + 24px */ .subviewbutton { padding: var(--arrowpanel-menuitem-padding); } /*= Icon Bookmark * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp] * .menu-iconic-left: 16px[icon] + 3px[rp] + 2px[rm] = 21px * .menu-iconic-text: 8px[lp] * * Result: var(--arrowpanel-menuitem-padding) + 29px */ \#BMB_bookmarksPopup .subviewbutton { padding: var(--arrowpanel-menuitem-padding); } \#BMB_bookmarksPopup hbox.menu-iconic-left { padding-inline-end: 3px !important; margin-inline-end: 2px !important; } \#BMB_bookmarksPopup label.menu-iconic-text { padding-inline-start: 8px; } /*= Result ===== * Diff Length: 24 - 29 = -5 * Reduce Target Length: 8 - 5 = 3 */ \#BMB_bookmarksPopup label.menu-iconic-text { padding-inline-start: 3px !important; } /*= None Icon Bookmark ===================================================== * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp] * .menu-text: 21px[lp] * * Result: var(--arrowpanel-menuitem-padding) + 21px */ \#BMB_bookmarksPopup label.menu-text { margin-inline-start: 21px !important; padding-inline-start: 0 !important; } /*= Result ===== * Diff Length: 24 - 21 = 3 * Increase Target Length: 3 */ menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; } --- userChrome.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/userChrome.css b/userChrome.css index ac50176..476e7e1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2192,6 +2192,29 @@ } } + /*= Bookmark Menu - Layout =================================================*/ + /* #goPoup, #bookmarksMenuPopup: looks like global menu + * #BMB_bookmarksPopup: looks like arrow panel + */ + + /* Linux */ + @media (-moz-gtk-csd-available) { + /* Global Menu */ + menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item { + padding-inline-start: var(--context-menu-background-padding) !important; + } + + /* Bookmark Popup - Iconic menu */ + #BMB_bookmarksPopup .menu-iconic-text { + padding-inline-start: 3px !important; + } + /* Bookmark Popup - None icon menu */ + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; + } + } + /** Context Menu - Icons ****************************************************/ /*= tabContextMenu =========================================================*/ #context_openANewTab { From ccbc65d220b93550a2582e4ef193f6243a42ac0f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 12:15:05 +0900 Subject: [PATCH 08/59] Fix: Bookmark Menu - Personal toolbar at Linux --- userChrome.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 476e7e1..99fd61f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2205,12 +2205,15 @@ } /* Bookmark Popup - Iconic menu */ - #BMB_bookmarksPopup .menu-iconic-text { + #BMB_bookmarksPopup .menu-iconic-text, + #PersonalToolbar menupopup[placespopup="true"] .bookmark-item .menu-iconic-text { padding-inline-start: 3px !important; } /* Bookmark Popup - None icon menu */ menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), + #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; } } From 97b54fd9bbd32a4b30973e474a75dabd0bbd45e1 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 12:17:23 +0900 Subject: [PATCH 09/59] Fix: Bookmark Popup - Reduce icon text padding `3px` -> `1px` - 3px: Arrow Panel like - 1px: Personal Toolbar like --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 99fd61f..8fcce92 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2207,14 +2207,14 @@ /* Bookmark Popup - Iconic menu */ #BMB_bookmarksPopup .menu-iconic-text, #PersonalToolbar menupopup[placespopup="true"] .bookmark-item .menu-iconic-text { - padding-inline-start: 3px !important; + padding-inline-start: 1px !important; } /* Bookmark Popup - None icon menu */ menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; + padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important; } } From 611bb001312d053db40de5fc14d10864fe2c8a56 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 13:35:23 +0900 Subject: [PATCH 10/59] Fix: Bookmark Menu - Remove empty item padding --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index 8fcce92..71c2e51 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2218,6 +2218,12 @@ } } + /* Empty Menu */ + menupopup menupopup[emptyplacesresult] .menu-text, + #PersonalToolbar menupopup[emptyplacesresult] .menu-text { + margin-inline-start: 0 !important; + } + /** Context Menu - Icons ****************************************************/ /*= tabContextMenu =========================================================*/ #context_openANewTab { From 0513ffd94dee646c822bcbde61ee04dfac23a043 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 2 Sep 2021 14:35:31 +0900 Subject: [PATCH 11/59] Fix: Menubar - Prevent shifts when clicked #207 --- userChrome.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 71c2e51..ad2abab 100644 --- a/userChrome.css +++ b/userChrome.css @@ -862,7 +862,8 @@ /*= Global Menu - Set Padding ==============================================*/ /* Vertical Align - Center & Height: 100% */ - #menubar-items { + #menubar-items, + #main-menubar { display: flex !important; } From 7ddef19cfbd82dffb91291921258598595c43d22 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 09:06:08 +0900 Subject: [PATCH 12/59] Fix: Global Menu - Prevent layout shifts #207 Change parent layout from -moz-box to flex. --- userChrome.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/userChrome.css b/userChrome.css index ad2abab..11c9a5d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -861,6 +861,20 @@ } /*= Global Menu - Set Padding ==============================================*/ + /* Prevent layout shifts */ + #toolbar-menubar { + display: flex !important; + flex-direction: row; + justify-content: space-between; + } + #toolbar-menubar > spacer { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + flex: 1; /* Fill row */ + } + #toolbar-menubar > .titlebar-buttonbox-container { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + } + /* Vertical Align - Center & Height: 100% */ #menubar-items, #main-menubar { From fbc208ac208834912667e8a0627a339977908f66 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 09:24:40 +0900 Subject: [PATCH 13/59] Fix: Animation - Use built-in function --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 11c9a5d..667e217 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1116,7 +1116,7 @@ /* Bar Color */ opacity: var(--tab-separator-opacity); - transition: opacity 0.2s var(--ease-basic); + transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ background-color: color-mix( in srgb, currentColor 20%, @@ -1402,7 +1402,7 @@ width: 25%; /* Animate */ - transition: 0.2s !important; + transition: 0.15s var(--animation-easing-function) !important; transform: translateY(10px) !important; } .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { From 2cbef93c7f7094a4a47c129f34f2090b584a2ad7 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 10:38:58 +0900 Subject: [PATCH 14/59] Fix: Tab Bar - uidensity --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 667e217..13e47ab 100644 --- a/userChrome.css +++ b/userChrome.css @@ -674,11 +674,11 @@ max-height: 38px; } :root[uidensity="compact"] .toolbar-items, - .tabbrowser-tab { + :root[uidensity="compact"] .tabbrowser-tab { max-height: 36px; } :root[uidensity="touch"] .toolbar-items, - .tabbrowser-tab { + :root[uidensity="touch"] .tabbrowser-tab { max-height: 45px; } From 49adfdc7414c077b3be8cd8b72b48aba01a7af99 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 11:02:19 +0900 Subject: [PATCH 15/59] Add: Tab Bar - Support extra drag space #210 --- userChrome.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 13e47ab..bb6d863 100644 --- a/userChrome.css +++ b/userChrome.css @@ -664,6 +664,18 @@ } /*= Tab Bar - Reduce Height, Show more contents ============================*/ + /* for Extra Drag Space */ + :root { + --space-above-tabbar: 0px; /* If you want drag space, set to 8px */ + } + :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--space-above-tabbar)); + } + :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items, + :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items { + padding-top: var(--space-above-tabbar) !important; + } + /* Toolbar Height */ :root:not([uidensity="touch"]) #TabsToolbar { --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ @@ -671,15 +683,16 @@ .toolbar-items, .tabbrowser-tab { - max-height: 38px; + --tabbar-max-height: 38px; + max-height: calc(var(--tabbar-max-height) + var(--space-above-tabbar)); } :root[uidensity="compact"] .toolbar-items, :root[uidensity="compact"] .tabbrowser-tab { - max-height: 36px; + --tabbar-max-height: 36px; } :root[uidensity="touch"] .toolbar-items, :root[uidensity="touch"] .tabbrowser-tab { - max-height: 45px; + --tabbar-max-height: 45px; } /* Scroll Button - Size Fix */ From 4a7b80ea53e48819fbeba86ad6af539b4af9ed9e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 13:31:31 +0900 Subject: [PATCH 16/59] Fix: User Content - Remove sideeffect #208 Change from blacklist to whitelist method. --- userContent.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index d94cd2b..28dfe28 100644 --- a/userContent.css +++ b/userContent.css @@ -828,7 +828,7 @@ url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), - regexp("^[file:///].*[^(html|svg|pdf|json)]$") + regexp("^[file:///].*/$") { /* Base */ html, @@ -1058,7 +1058,7 @@ /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), - regexp("^[file:///].*[^(html|svg|pdf|json)]$") + regexp("^[file:///].*/$") { body { background-color: var(--in-content-box-background) !important; From 01ae88bf2c4710e1f364d9eb2901ca2b722cefe7 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 13:35:05 +0900 Subject: [PATCH 17/59] Add: User Content - `chrome://` directory view regexp --- userContent.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index 28dfe28..e7d3dff 100644 --- a/userContent.css +++ b/userContent.css @@ -828,7 +828,7 @@ url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), - regexp("^[file:///].*/$") + regexp("^([file:///]|[chrome://]).*/$") { /* Base */ html, @@ -1058,7 +1058,7 @@ /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), - regexp("^[file:///].*/$") + regexp("^([file:///]|[chrome://]).*/$") { body { background-color: var(--in-content-box-background) !important; From ebbfd07a6d5f9747ca2fdd08abe31e72cd5cd205 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 15:55:10 +0900 Subject: [PATCH 18/59] Fix: Container Tab - line position #23 --- userChrome.css | 47 +++++++++++++++++++---------------------------- 1 file changed, 19 insertions(+), 28 deletions(-) diff --git a/userChrome.css b/userChrome.css index bb6d863..56b6cb3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -722,16 +722,10 @@ } /* Pinned Tab - Titlechanged Indicator position fix */ - :root:not([uidensity="touch"]) - .tabbrowser-tab:is([image], [pinned]) - > .tab-stack - > .tab-content[attention]:not([selected="true"]), - :root:not([uidensity="touch"]) - .tabbrowser-tab - > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected="true"]) { + .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), + .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; + background-position-y: bottom calc(2.5px + var(--tabs-navbar-shadow-size)) !important; } :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned]) @@ -741,6 +735,14 @@ /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: bottom calc(0.5px + var(--tabs-navbar-shadow-size)) !important; } + :root[uidensity="touch"] + .tabbrowser-tab:is([image], [pinned]) + > .tab-stack + > .tab-content[attention]:not([selected="true"]), + :root[uidensity="touch"] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ + background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; + } /*= URL Bar - Reduce Padding ===============================================*/ :root:not([uidensity="touch"]) #urlbar-container, @@ -1403,8 +1405,7 @@ display: none; } - .tabbrowser-tab:not([pinned]) .tab-content::before, - .tabbrowser-tab[pinned][busy] .tab-content::before { + .tab-content:not([titlechanged])::before { /* Box Model */ content: ""; display: block; @@ -1416,32 +1417,22 @@ /* Animate */ transition: 0.15s var(--animation-easing-function) !important; - transform: translateY(10px) !important; + transform: translate(9px, 12px) !important; } .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { - width: 75%; + width: calc(100% - 30px); + } + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: calc(100% - 33px); } /* Pinned Tab */ - .tabbrowser-tab[pinned] .tab-icon-image, - .tab-sharing-icon-overlay { - box-sizing: content-box; - padding: 3px 0; - - border-bottom: 2px solid var(--identity-icon-color); - } - - /* Pinned Tab - Busy */ - .tabbrowser-tab[pinned][busy] .tab-content::before { + .tabbrowser-tab[pinned] .tab-content::before { width: 16px; + transform: translateY(12px) !important; } /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image, - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) .tab-icon-image { - border-bottom: 2px solid transparent !important; - } - .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ From 266b719fcf07f6da3aaff2adef41e24da6bff712 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 16:46:08 +0900 Subject: [PATCH 19/59] Doc: CONTRIBUTING.md update --- CONTRIBUTING.md | 71 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 68 insertions(+), 3 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index ce4fa31..91c44ba 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -9,6 +9,9 @@ - [Environment](#environment) - [Your First Contribution](#your-first-contribution) - [Contribution Targets](#contribution-targets) + - [Project Structure](#project-structure) + - [Icon files](#icon-files) + - [Meta Info files](#meta-info-files) - [Rules](#rules) - [Version](#version) - [Branch](#branch) @@ -18,7 +21,7 @@ - [Commit Message](#commit-message) - [Pull request](#pull-request) - [License](#license) - - [References](#references) +- [References](#references) @@ -46,7 +49,7 @@ You can configure it as follows: git clone https://github.com/black7375/Firefox-UI-Fix.git cd ./Firefox-UI-Fix -## install dependencies +## checkout branch git checkout ``` @@ -61,6 +64,7 @@ The following documents may be helpful: - [Wiki:Tips](https://github.com/black7375/Firefox-UI-Fix/wiki/Tips) Live Debugging: +- [Tutorial: How to create and live-debug userChrome.css](https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/) - [Browser Toolbox](https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox) - [Style Editor](https://developer.mozilla.org/en-US/docs/Tools/Style_Editor) @@ -104,6 +108,65 @@ We love your input! We want to make contributing to this project as easy and tra - Improved compatibility or accessibility. - Refactoring. +### Project Structure + +``` +root +|- .gitattributes: Exclude at `Download Zip` +|- .github: Issue/PR Template, Github Actions +|- .prettierignore: Exclude coding style +|- .prettierrc.json: Coding style +|- icons/: Icons, illustrations +|- install.ps1: Install script write in powersehll +|- install.sh: Install script write in bash +|- LEPTON: Meta infos (branch, version) +|- user.js: about:config settings +|- userChrome.css: CSS for Browser UI +|- userContent.css: CSS for Web pages +``` + +#### Icon files + +Most of them are made in SVG. + +Except for illustrations, there must be an `fill="context-fill" fill-opacity="context-fill-opacity"` property to dynamically determine color and transparency. + +Icons are mainly [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-icons) +or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons). + +#### Meta Info files + +It comes from [install.sh](https://github.com/black7375/Firefox-UI-Fix/blob/01ae88bf2c4710e1f364d9eb2901ca2b722cefe7/install.sh#L442). + +**`LEPTON` file format** + +If this file exist in same directory as the `userChrome.css` file, +it is recognized as the "Lepton" installation directory. + +```ini +[Info] +Branch=master | photon-style | proton-style +Ver= | | [NULL] +``` + +**`lepton.ini` file Format** + +In `lepton.ini`, various information is stored during the installation process.\ +This file is recreated every time the installer is created. + +```ini +[Profile Name] +Type=Local | Release | Git +Branch=master | photon-style | proton-style +Ver= | | [NULL] +Path= +``` + +**Update Policy according to `Type`** +- Local(unknown): force latest commit update +- Release(): force latest tag update +- Git: latest commit update + ## Rules ### Version @@ -113,6 +176,8 @@ Milestone, The versioning scheme we use is [SemVer](https://semver.org/). (Maint We will release the feature as soon as it is complete, but the cycle should be 2-4 weeks. Rapid releases. +It comes from [#109](https://github.com/black7375/Firefox-UI-Fix/issues/109#issuecomment-873313945). + ### Branch Stable: Only bugfix, Documentation. @@ -136,7 +201,7 @@ Development: New Features. ### Coding style - **Indent:** 2 spaces for indentation rather than tabs. -- **Columns:** Fit `80`~`100` columns as much as possible. +- **Columns:** Fit `80`~`100` columns as much as possible. (Auto formatting is using 120 to avoid the worst case) ### Commit From ff76fdc7c3a60b0f1da506973b239950c77187af Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 3 Sep 2021 16:57:43 +0900 Subject: [PATCH 20/59] Add: Global Menubar - Active color at linux --- userChrome.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 56b6cb3..a64cc80 100644 --- a/userChrome.css +++ b/userChrome.css @@ -70,7 +70,8 @@ --tabs-border-color: rgba(0, 0, 0, 0.3); } - /** Windows 7, 8 - Compatibility ********************************************/ + /** OS - Compatibility ******************************************************/ + /*= Windows 7, 8 - Tab Bar Background ***************************************/ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { /* Header Color */ :root:not([lwtheme-image]) #navigator-toolbox:-moz-lwtheme { @@ -89,6 +90,15 @@ } } + /*= Linux- Global Menubar Active Color =====================================*/ + @media (-moz-gtk-csd-available) { + #main-menubar > menu[open="true"], + #main-menubar > menu[_moz-menuactive="true"] { + color: inherit !important; /* Original: -moz-menubarhovertext */ + background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ + } + } + /** System Default Theme ****************************************************/ /*= Common - URL Bar focus color ===========================================*/ @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) { From a93410bdcce2666c36d0e4ba97b9b43253d434e6 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 4 Sep 2021 18:26:16 +0900 Subject: [PATCH 21/59] Fix: User Content - Regexp update #208 --- userContent.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index e7d3dff..09e4df8 100644 --- a/userContent.css +++ b/userContent.css @@ -828,7 +828,7 @@ url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), - regexp("^([file:///]|[chrome://]).*/$") + regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { /* Base */ html, @@ -1058,7 +1058,7 @@ /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), - regexp("^([file:///]|[chrome://]).*/$") + regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { body { background-color: var(--in-content-box-background) !important; From ec80cbf511bc58cb88c93015de85c5ca66ede3cc Mon Sep 17 00:00:00 2001 From: black7375 Date: Sat, 4 Sep 2021 09:27:50 +0000 Subject: [PATCH 22/59] Prettified Code! --- userContent.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/userContent.css b/userContent.css index 09e4df8..99f381d 100644 --- a/userContent.css +++ b/userContent.css @@ -828,8 +828,7 @@ url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), - regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") - { + regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { /* Base */ html, body { @@ -1058,8 +1057,7 @@ /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), - regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") - { + regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { body { background-color: var(--in-content-box-background) !important; } From 7643391d462a19222c4182eecc4c53bd46fb095b Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 4 Sep 2021 18:59:17 +0900 Subject: [PATCH 23/59] Fix: Directory View - Margin to default --- userContent.css | 1 + 1 file changed, 1 insertion(+) diff --git a/userContent.css b/userContent.css index 09e4df8..f8932b9 100644 --- a/userContent.css +++ b/userContent.css @@ -1062,6 +1062,7 @@ { body { background-color: var(--in-content-box-background) !important; + margin: 4em auto !important; /* Override to default */ } thead a { color: var(--in-content-page-color) !important; From 24ab6b0d68d7dbad40e2f63c54f4979935c96bf2 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 4 Sep 2021 20:31:46 +0900 Subject: [PATCH 24/59] Fix: Bookmark Menu - padding inline at Mac #136 - [lp]: padding-left - [rp]: padding-right - [rm]: margin-right /** Global Menu Bookmark *****************************************************/ /* None: Mac doesnt have global menu bookmark in browser */ /** Popup Menu Bookmark ******************************************************/ /*= General =================================================================*/ /* = Arrowpanel * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp] * .toolbarbarbutton-icon: 16px[icon] * .toolbarbarbutton-text: var(--arrowpanel-menuicon-padding, 8px)[lp] * * Result: var(--arrowpanel-menuitem-padding) + var(--arrowpanel-menuicon-padding) + 16px */ /* = Icon Bookmark * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp] * .menu-iconic-left: 3px[rm] * .menu-iconic-icon: 16px[icon] + 5px[rm] * * Result: var(--arrowpanel-menuitem-padding) + 24px */ \#BMB_bookmarksPopup .subviewbutton { padding: var(--arrowpanel-menuitem-padding); } \#BMB_bookmarksPopup .subviewbutton > .menu-iconic-left { margin-inline-end: 3px; } .menu-iconic-icon { margin-inline-end: 5px; 8px /*= Result ===== * DONT TOUCH */ /*= Empty Icon at list ======================================================*/ .subviewbutton:not([image], [targetURL], .bookmert-item) > .menu-iconic-left { display: none; } menu, menuitem, menucaption { list-style-iamge: none; } /*= Result ===== * Show Icon */ \#BMB_bookmarksShowAllTop { list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important; } \#BMB_bookmarksShowAllTop > .menu-conic-left { display: -moz-box !important; } /*= None Icon Bookmark ===================================================== * .subviewbutton: var(--context-menu-background-padding)[lp, rp] * .menu-text: 21px[lp] * * Result(Icon): var(--context-menu-background-padding) * Result(Text): var(--context-menu-background-padding) + 21px */ :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic), :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), \#blockedPopupDontShowMessage { /* Icon */ background-position: left var(--context-menu-background-padding) center !important; /* Text */ padding-inline-start: var(--context-menu-background-padding) !important; } @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { --context-menu-background-padding-default: 10px; --context-menu-mac-padding: 21px; } /* .subviewbutton - rp */ :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist), :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist), #blockedPopupDontShowMessage { padding-inline-end: var(--context-menu-background-padding) !important; /* same as var(--context-menu-background-padding-default) */ } } /*= Result ===== * Result(Icon): --context-menu-background-padding to var(--arrowpanel-menuitem-padding) * Result(Text): * (var(--arrowpanel-menuitem-padding) + 24px)) - (var(--arrowpanel-menuitem-padding) + 21px) = 3px */ \#BMB_bookmarksPopup { --context-menu-background-padding: var(--arrowpanel-menuitem-padding); } menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; } --- userChrome.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/userChrome.css b/userChrome.css index a64cc80..ed2058b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2028,6 +2028,15 @@ --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg"); } + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + #BMB_bookmarksShowAllTop { + list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important; + } + #BMB_bookmarksShowAllTop > .menu-conic-left { + display: -moz-box !important; + } + } + /*= identity-popup =========================================================*/ #identity-popup-clear-sitedata-button, #identity-popup-more-info { @@ -2247,6 +2256,19 @@ } } + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + /* Bookmark Popup - As Arrow Panel */ + #BMB_bookmarksPopup { + --context-menu-background-padding: var(--arrowpanel-menuitem-padding); + } + + /* Bookmark Popup - None icon menu */ + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important; + } + } + /* Empty Menu */ menupopup menupopup[emptyplacesresult] .menu-text, #PersonalToolbar menupopup[emptyplacesresult] .menu-text { From 70f97f26df275f8d3bccc843a39f745e0aba028b Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 5 Sep 2021 15:15:18 +0900 Subject: [PATCH 25/59] Fix: Addon.org - Darkmode at Reviews --- userContent.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userContent.css b/userContent.css index 2da6d5f..c3bfa2b 100644 --- a/userContent.css +++ b/userContent.css @@ -354,6 +354,7 @@ /* Basic */ .Page-content, .SecondaryHero, + body, main[aria-label="Content"] { color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; @@ -483,6 +484,7 @@ .AddonsCard-list, .Card-footer, .StaticAddonCard, + .blogpost-nav, .blogpost-nav * { background: var(--in-content-table-background) !important; } From f3c52ef056cbfff8640315ad012e01e429084a1e Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 5 Sep 2021 15:31:34 +0900 Subject: [PATCH 26/59] Fix: Global Menu - white space on top #211 Since the Layoutshift phenomenon does not occur in Linux, I will change it to be applied only to Windows. --- userChrome.css | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/userChrome.css b/userChrome.css index ed2058b..1303258 100644 --- a/userChrome.css +++ b/userChrome.css @@ -887,17 +887,21 @@ /*= Global Menu - Set Padding ==============================================*/ /* Prevent layout shifts */ - #toolbar-menubar { - display: flex !important; - flex-direction: row; - justify-content: space-between; - } - #toolbar-menubar > spacer { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ - flex: 1; /* Fill row */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + @media (-moz-os-version: windows-win7), + (-moz-os-version: windows-win8), + (-moz-os-version: windows-win10) { + #toolbar-menubar { + display: flex !important; + flex-direction: row; + justify-content: space-between; + } + #toolbar-menubar > spacer { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + flex: 1; /* Fill row */ + } + #toolbar-menubar > .titlebar-buttonbox-container { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + } } /* Vertical Align - Center & Height: 100% */ From 91355359763549c544a1690f36d809abe3c33d3e Mon Sep 17 00:00:00 2001 From: black7375 Date: Sun, 5 Sep 2021 06:32:05 +0000 Subject: [PATCH 27/59] Prettified Code! --- userChrome.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 1303258..318631d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -887,9 +887,7 @@ /*= Global Menu - Set Padding ==============================================*/ /* Prevent layout shifts */ - @media (-moz-os-version: windows-win7), - (-moz-os-version: windows-win8), - (-moz-os-version: windows-win10) { + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { #toolbar-menubar { display: flex !important; flex-direction: row; From 8ca4ae6234b35e49c048f73a930dc90066ab1db7 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 5 Sep 2021 15:46:20 +0900 Subject: [PATCH 28/59] Fix: BookMark Menu - Arrowpanel like padding at linux --- userChrome.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/userChrome.css b/userChrome.css index 318631d..14208ec 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2250,6 +2250,10 @@ padding-inline-start: 1px !important; } /* Bookmark Popup - None icon menu */ + #BMB_bookmarksPopup, + #PersonalToolbar { + --context-menu-background-padding: var(--arrowpanel-menuitem-padding); + } menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), From a631c36c4181a702ecf3d403bfd5ee4ed4437172 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Sep 2021 00:25:13 +0000 Subject: [PATCH 29/59] Fix: Identity Popup - icon padding block to `!important` --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 14208ec..69d6542 100644 --- a/userChrome.css +++ b/userChrome.css @@ -26,7 +26,7 @@ /*= Identity Poup Icon Crop ================================================*/ .identity-popup-security-connection.identity-button { - padding-block: 1px; + padding-block: 1px !important; } /*= Zoom in button's plus icon horizontal rate =============================*/ From a48c21a39af32d3fc3254b9528f6cdb11ecddc2f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Sep 2021 10:27:04 +0900 Subject: [PATCH 30/59] Fix: PersonalToolbar Bookmark Menu - Padding at mac --- userChrome.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 69d6542..2ceaaa2 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2264,10 +2264,16 @@ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { /* Bookmark Popup - As Arrow Panel */ - #BMB_bookmarksPopup { + #BMB_bookmarksPopup, + #PersonalToolbar { --context-menu-background-padding: var(--arrowpanel-menuitem-padding); } + #PersonalToolbar menupopup menuitem, + #PersonalToolbar menupopup menu { + padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important; + } + /* Bookmark Popup - None icon menu */ menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { From 9567a73ac7b962fed83942b19078798ecd93a407 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Sep 2021 10:59:16 +0900 Subject: [PATCH 31/59] Fix: Context Menu - Mac compatibility --- icons/pin-tab.svg | 6 +++--- icons/unpin-tab.svg | 6 +++--- userChrome.css | 2 ++ 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/icons/pin-tab.svg b/icons/pin-tab.svg index 1f951a3..719eeed 100644 --- a/icons/pin-tab.svg +++ b/icons/pin-tab.svg @@ -1,6 +1,6 @@ - - - \ No newline at end of file + + + diff --git a/icons/unpin-tab.svg b/icons/unpin-tab.svg index bd2b382..8acf292 100644 --- a/icons/unpin-tab.svg +++ b/icons/unpin-tab.svg @@ -1,6 +1,6 @@ - - - \ No newline at end of file + + + diff --git a/userChrome.css b/userChrome.css index 2ceaaa2..838864a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2676,6 +2676,8 @@ #context-forward { --menuitem-image: url("chrome://browser/skin/forward.svg"); } + #context_reloadTab, + #context_reloadSelectedTabs, #context-reload { --menuitem-image: url("chrome://browser/skin/reload.svg"); } From d67cd0230c5d29a6ba4297740cc24ad92e2d441d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Sep 2021 12:17:21 +0900 Subject: [PATCH 32/59] Fix: Bookmark Menu - Padding block adjust & consistant #201 --- userChrome.css | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index 838864a..6397332 100644 --- a/userChrome.css +++ b/userChrome.css @@ -869,21 +869,18 @@ /*= Bookmark Menu - Reduce Padding =========================================*/ :root { - --bookmark-menu-padding: 0.2em; - --bookmark-seperator-margin: 1px 0.5em; + --bookmark-menu-padding: 3px; } :root[uidensity="compact"] { - --bookmark-menu-padding: 1px; - --bookmark-seperator-margin: 0px 0.5em; + --bookmark-menu-padding: 1.5px; } - :root:not([uidensity="touch"]) menupopup > menuitem.bookmark-item, - :root:not([uidensity="touch"]) menupopup > menuitem.openintabs-menuitem { + :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton, + :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton, + :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item, + :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .openintabs-menuitem { padding-block: var(--bookmark-menu-padding) !important; } - :root:not([uidensity="touch"]) menupopup > .bookmarks-actions-menuseparator { - margin: var(--bookmark-seperator-margin) !important; - } /*= Global Menu - Set Padding ==============================================*/ /* Prevent layout shifts */ From 646b8590ce4409434ef4380fba34b95e0688d1c2 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Sep 2021 14:46:28 +0900 Subject: [PATCH 33/59] Fix: Download Popup - at download state --- userChrome.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6397332..48f80af 100644 --- a/userChrome.css +++ b/userChrome.css @@ -544,11 +544,11 @@ } /* File moved or missing */ - #downloadsListBox .download-state:not([exists]) .downloadTarget { + #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget { text-decoration: line-through; text-decoration-color: color-mix(in srgb, currentColor 65%, transparent); } - #downloadsListBox .download-state:not([exists]) .downloadTypeIcon { + #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon { filter: grayscale(100%) !important; } @@ -567,6 +567,7 @@ #BMB_bookmarksShowAll, #import-button, menuitem.openintabs-menuitem, + #downloadsListBox .downloadButton, #downloadsListBox .download-state[exists], #downloadsListBox .download-state[exists] .downloadDetails, #downloadsHistory { From 0bde4505ffd3f6909b08b747e06d5fbf3e3ac4a3 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Tue, 7 Sep 2021 07:28:33 +0900 Subject: [PATCH 34/59] Fix: Panel - `Sign In` button to pointer --- userChrome.css | 1 + 1 file changed, 1 insertion(+) diff --git a/userChrome.css b/userChrome.css index 48f80af..8286932 100644 --- a/userChrome.css +++ b/userChrome.css @@ -553,6 +553,7 @@ } /*= Cursor Types ===========================================================*/ + #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomReset-button2, #appMenu-zoomEnlarge-button2, From be2a8a5d7b8f085cda17388c3e6e63b2af4721dc Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Tue, 7 Sep 2021 14:28:46 +0900 Subject: [PATCH 35/59] Add: Tab - Opacity Animations --- userChrome.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 8286932..c94338b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1252,8 +1252,19 @@ display: -moz-inline-box !important; } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected], :hover) .tab-close-button { + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button { visibility: collapse !important; + opacity:0; + + /* Animation - Fade out */ + transition: opacity 0.1s var(--animation-easing-function) !important; + } + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button { + visibility: visible !important; + opacity:1; + + /* Animation - Fade in */ + transition: opacity 0.25s var(--animation-easing-function) !important; } /* Closed Button's icon thicker */ @@ -1312,6 +1323,9 @@ border-radius: 10px !important; width: 17px !important; height: 17px !important; + + /* Animation */ + transition: 0.1s var(--animation-easing-function); } .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { /* Color */ From 4a6e3a0d31dd23119eea17f7b9dc8cff67286c2e Mon Sep 17 00:00:00 2001 From: Jonta <359397+Jonta@users.noreply.github.com> Date: Tue, 7 Sep 2021 14:24:30 +0200 Subject: [PATCH 36/59] Explanatory text commented out In case people leave it in See https://github.com/black7375/Firefox-UI-Fix/issues/197 --- .github/ISSUE_TEMPLATE/feature_request.md | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md index 591518f..254bca8 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -7,14 +7,22 @@ assignees: '' --- -**Is your feature request related to a problem? Please describe.** +**Is your feature request related to a problem?** + -**Describe the solution you'd like** +**The solution I'd like** + -**Describe alternatives you've considered** +**Alternatives I've considered** + **Additional context** + From 5f6276c406c776ba6d472a548f30d5efcff36f4d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 03:27:53 +0900 Subject: [PATCH 37/59] Add: User.js - Prooton Tooltip enabled --- user.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/user.js b/user.js index 0a7c5cb..5f139fa 100644 --- a/user.js +++ b/user.js @@ -5,6 +5,9 @@ user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); // Proton Enabled #127 user_pref("browser.proton.enabled", true); +// Proton Tooltip +user_pref("browser.proton.places-tooltip.enabled", true); + // Fill SVG Color user_pref("svg.context-properties.content.enabled", true); From 84ad35054e2cd4fba504d0612ef09f54e4a62af9 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 03:33:47 +0900 Subject: [PATCH 38/59] Fix: CI - github.head_ref failed #212 --- .github/workflows/format.yml | 3 --- 1 file changed, 3 deletions(-) diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml index ec321c7..b7cd3db 100644 --- a/.github/workflows/format.yml +++ b/.github/workflows/format.yml @@ -17,9 +17,6 @@ jobs: steps: - name: Checkout uses: actions/checkout@v2 - with: - # Make sure the actual branch is checked out when running on pull requests - ref: ${{ github.head_ref }} - name: Prettify code uses: creyD/prettier_action@v3.3 From 95f0df2671b2921797562ce26679d8a4152b71ab Mon Sep 17 00:00:00 2001 From: black7375 Date: Tue, 7 Sep 2021 18:35:54 +0000 Subject: [PATCH 39/59] Prettified Code! --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index c94338b..13e8812 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1254,14 +1254,14 @@ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button { visibility: collapse !important; - opacity:0; + opacity: 0; /* Animation - Fade out */ transition: opacity 0.1s var(--animation-easing-function) !important; } #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button { visibility: visible !important; - opacity:1; + opacity: 1; /* Animation - Fade in */ transition: opacity 0.25s var(--animation-easing-function) !important; From 90e9c50e3448cb0938e25438f7d925afaa99403e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 8 Sep 2021 03:39:10 +0900 Subject: [PATCH 40/59] Doc: format like #197 --- .github/ISSUE_TEMPLATE/feature_request.md | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md index 254bca8..0a59d17 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -8,21 +8,13 @@ assignees: '' --- **Is your feature request related to a problem?** - + **The solution I'd like** - + **Alternatives I've considered** - + **Additional context** - + From bb6e9b53447d44bf288be562778434f6fcba0a21 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 08:10:33 +0900 Subject: [PATCH 41/59] Fix: Sound Tab - Not large at busy --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 13e8812..57d5367 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1346,7 +1346,7 @@ margin-inline-end: 5.5px !important; padding: 2px 0 !important; } - .tabbrowser-tab:not([image]) + .tabbrowser-tab:not([image], [busy]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { box-sizing: content-box; padding: 3px 0; From 801e94ba10601aecc354bf1b8bc9f182c8faef5e Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 08:18:22 +0900 Subject: [PATCH 42/59] Fix: Sound Tab - Remove unnecessary code This was the code for the container hover behavior. --- userChrome.css | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/userChrome.css b/userChrome.css index 57d5367..d8817e6 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1344,19 +1344,7 @@ top: 0 !important; inset-inline-end: 0 !important; margin-inline-end: 5.5px !important; - padding: 2px 0 !important; - } - .tabbrowser-tab:not([image], [busy]) - .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - box-sizing: content-box; - padding: 3px 0; - - border-radius: 0 !important; - } - .tabbrowser-tab:not([image]) - .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover { - padding: 0; - border-radius: 10px !important; + padding: 0 !important; } /* Busy - Show */ From b83a2c6c4506559133c6acba1f03e51bce5d681c Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 18:21:08 +0900 Subject: [PATCH 43/59] Fix: URL Bar - Make to `!important` --- userChrome.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index d8817e6..af31cab 100644 --- a/userChrome.css +++ b/userChrome.css @@ -758,24 +758,24 @@ /*= URL Bar - Reduce Padding ===============================================*/ :root:not([uidensity="touch"]) #urlbar-container, - #search-container { - padding-block: 2px; /* Original: 4px */ - margin-inline: 5px; /* Original: 5px */ + :root:not([uidensity="touch"]) #search-container { + padding-block: 2px !important; /* Original: 4px */ + margin-inline: 5px !important; /* Original: 5px */ } /* spread menu */ :root:not([uidensity]) .urlbarView-row { - padding-block: 1px; /* Original: 2px */ + padding-block: 1px !important; /* Original: 2px */ } :root[uidensity="compact"] .urlbarView-row { - padding-block: 0px; + padding-block: 0px !important; } :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) { - padding-block: 8px; /* Original: 10px */ + padding-block: 8px !important; /* Original: 10px */ } :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) { - padding-block: 2px; + padding-block: 2px !important; } /*= BookMark Bar - Reduce Height ===========================================*/ From 7eea7d25f257ccce74e495cf07dd8818a9c38996 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 8 Sep 2021 18:43:15 +0900 Subject: [PATCH 44/59] Fix: URL Bar - Padding for each uidensity --- userChrome.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index af31cab..a133b11 100644 --- a/userChrome.css +++ b/userChrome.css @@ -759,9 +759,13 @@ /*= URL Bar - Reduce Padding ===============================================*/ :root:not([uidensity="touch"]) #urlbar-container, :root:not([uidensity="touch"]) #search-container { - padding-block: 2px !important; /* Original: 4px */ + padding-block: 3px !important; /* Original: 4px */ margin-inline: 5px !important; /* Original: 5px */ } + :root:not([uidensity="compact"]) #urlbar-container, + :root:not([uidensity="compact"]) #search-container { + padding-block: 2px !important; + } /* spread menu */ :root:not([uidensity]) .urlbarView-row { From 7dd530c319d317ba50c8c4ec5c2e57ae358d4dae Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 9 Sep 2021 00:29:19 +0900 Subject: [PATCH 45/59] Fix: PictureInPicture Tab - Modified to work --- userChrome.css | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index a133b11..5798473 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1389,12 +1389,17 @@ } /** PictureInPicture Tab - Show PIP Icon ************************************/ - .tab-icon-sound[pictureinpicture]:not([pinned]) { + #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after, + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) .tab-content::after { + content: ""; + } + .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after { /* Shape */ display: -moz-inline-box !important; width: 14px; height: 14px; - -moz-box-ordinal-group: 2 !important; + background-size: 14px; + -moz-box-ordinal-group: 1 !important; /* Color */ fill: currentColor; @@ -1402,19 +1407,19 @@ -moz-context-properties: fill; /* Icon */ - list-style-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); + background-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); } - .tab-icon-sound[pictureinpicture]:not([pinned])[selected] { + .tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after { opacity: 0.95; } /* Close Button's position */ - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { + #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { margin-left: 7px !important; -moz-box-ordinal-group: 2 !important; } - .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button { - margin-left: 0px !important; + #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button { + margin-left: 2px !important; } /** Container Tab - Color line at icon's bottom *****************************/ From ed6ed227b4f0d71107b5748258cfa4adca738291 Mon Sep 17 00:00:00 2001 From: black7375 Date: Wed, 8 Sep 2021 15:33:30 +0000 Subject: [PATCH 46/59] Prettified Code! --- userChrome.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 5798473..15b6f1d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1390,8 +1390,10 @@ /** PictureInPicture Tab - Show PIP Icon ************************************/ #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after, - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) .tab-content::after { - content: ""; + #tabbrowser-tabs[closebuttons="activetab"] + .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) + .tab-content::after { + content: ""; } .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after { /* Shape */ @@ -1418,7 +1420,9 @@ margin-left: 7px !important; -moz-box-ordinal-group: 2 !important; } - #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button { + #tabbrowser-tabs:not([closebuttons="activetab"]) + .tabbrowser-tab[pictureinpicture]:not([pinned]):hover + .tab-close-button { margin-left: 2px !important; } From ae5c621d516a397f0b85508b57a2e90a6186e8f5 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 9 Sep 2021 01:01:02 +0900 Subject: [PATCH 47/59] Fix: PictureInPicture Tab - Close button order --- userChrome.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 15b6f1d..b0e2407 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1416,9 +1416,11 @@ } /* Close Button's position */ + .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { + -moz-box-ordinal-group: 2 !important; + } #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { margin-left: 7px !important; - -moz-box-ordinal-group: 2 !important; } #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]):hover From beb2e085b4618ce6302a93e027925fed19894845 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 9 Sep 2021 02:23:41 +0900 Subject: [PATCH 48/59] Fix: Sound Tab - None image sound tab favicon hidden --- userChrome.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/userChrome.css b/userChrome.css index b0e2407..5df1868 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1350,6 +1350,9 @@ margin-inline-end: 5.5px !important; padding: 0 !important; } + .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { + opacity: 0 !important; /* Favicon hidden */ + } /* Busy - Show */ .tab-throbber[busy], From 52ccc3b06c85fd76b48ad6a12765a348755a7174 Mon Sep 17 00:00:00 2001 From: MarNicGit <47538428+MarNicGit@users.noreply.github.com> Date: Thu, 9 Sep 2021 14:31:24 +0200 Subject: [PATCH 49/59] Fix typos and small grammar change --- install.ps1 | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/install.ps1 b/install.ps1 index 9132fe2..c829fcc 100644 --- a/install.ps1 +++ b/install.ps1 @@ -138,8 +138,8 @@ function Copy-Auto() { } if ( Test-Path -Path "${target}" ) { - Write-Host "${target} alreay exist." - Write-Host "Now Backup.." + Write-Host "${target} already exists." + Write-Host "Now making a backup.." Copy-Auto "${target}" "${target}.bak" Remove-Item "${target}" -Recurse -Force Write-Host "" @@ -162,8 +162,8 @@ function Move-Auto() { } if ( Test-Path -Path "${target}" ) { - Write-Host "${target} alreay exist." - Write-Host "Now Backup.." + Write-Host "${target} already exists." + Write-Host "Now making a backup.." Move-Auto "${target}" "${target}.bak" Write-Host "" } From d3648ed8d40f302178e38db57a066d316e7c712a Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Fri, 10 Sep 2021 23:02:58 +0900 Subject: [PATCH 50/59] Add: namespace --- userChrome.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/userChrome.css b/userChrome.css index 5df1868..4d4056c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,3 +1,6 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + @media (-moz-proton) { /** Default Thme - Contrast *************************************************/ /*= Lightmode - Color darker ===============================================*/ From a5fb099078853cb3d2555087ac3a9e479100bed1 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 11 Sep 2021 19:24:44 +0900 Subject: [PATCH 51/59] Fix: typo at install.sh #216 --- install.sh | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/install.sh b/install.sh index d68d01d..6513de3 100755 --- a/install.sh +++ b/install.sh @@ -123,8 +123,8 @@ autocp() { fi if [ -e "${target}" ]; then - echo "${target} alreay exist." - echo "Now Backup.." + echo "${target} already exists." + echo "Now making a backup.." autocp "${target}" "${target}.bak" rm -rf "${target}" echo "" @@ -143,8 +143,8 @@ automv() { fi if [ -e "${target}" ]; then - echo "${target} alreay exist." - echo "Now Backup.." + echo "${target} already exists." + echo "Now making a backup.." automv "${target}" "${target}.bak" echo "" fi From 047d7683c494ce86049a92a4535f2ba94ddbec8d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 11 Sep 2021 21:17:56 +0900 Subject: [PATCH 52/59] Fix: BMB_bookmarksPopup - padding at Win10 #136 /* Global */ menupopup > menuitem, menupopup > menu { padding-inline-start: 1em; } .menu-iconic > .menu-iconic-left, .menuitem-iconic > .menu-iconic-left { margin-inline-end: 8px; } /* 16px + 8px => 24px */ menupopup:is(#goPopup, #bookmarksMenuPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#goPopup, #bookmarksMenuPopup) menu:not(.menu-iconic) { margin-inline: 0 !important; padding-inline-start: calc(1em + 16px + 8px) !important; background-position: left 1em center !important; } /*BMB*/ #BMB_bookmarksPopup .subviewbutton { padding: var(--arrowpanel-menuitem-padding); /* 5px */ } .subviewbutton { margin-inline: var(--arrowpanel-menuicon-padding); } #BMB_bookmarksPopup .subviewbutton > .menu-iconic-text, #PlacesToolbar menu > .menu-iconic-text, #PlacesToolbar menuitem > .menu-iconic-text, .addon-banner-item > .toolbarbutton-text, .subviewbutton-iconic > .toolbarbutton-text, .subviewbutton[image] > .toolbarbutton-text, .subviewbutton[targetURI] > .toolbarbutton-text, .subviewbutton.bookmark-item > .toolbarbutton-text, .subviewbutton[checked="true"] > .toolbarbutton-text { padding-inline-start: 8px; } --- userChrome.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/userChrome.css b/userChrome.css index 4d4056c..27344f3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2259,6 +2259,23 @@ * #BMB_bookmarksPopup: looks like arrow panel */ + /* Windows */ + @media (-moz-os-version: windows-win10) { + /* Bookmark Popup - None icon menu */ + #BMB_bookmarksPopup, + #PersonalToolbar { + --context-menu-background-padding: var(--arrowpanel-menuitem-padding); + } + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), + #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { + margin-inline: var(--arrowpanel-menuitem-padding) !important; + padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + 16px + 8px) !important; + background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important; + } + } + /* Linux */ @media (-moz-gtk-csd-available) { /* Global Menu */ From 96f670d511cdaefc42569fa78746ec84577ccb1d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 12 Sep 2021 01:49:13 +0900 Subject: [PATCH 53/59] Fix: Global Bookmark Menu - padding at windows10 #136 --- userChrome.css | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index 27344f3..b76b4be 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2187,6 +2187,7 @@ @media (-moz-os-version: windows-win10) { :root { --context-menu-background-padding: 1em; + --context-menu-text-padding: 24px; /* 16px + 8px */ --menu-background-padding-default: calc( var(--context-menu-background-padding) + var(--context-menu-text-padding) ); @@ -2206,14 +2207,6 @@ padding-inline-start: var(--menu-background-padding-default) !important; margin-left: 0 !important; } - menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menu:not(.menu-iconic) { - margin-inline: var(--arrowpanel-menuicon-padding) !important; - padding-inline-start: calc( - var(--menu-background-padding-default) - var(--arrowpanel-menuicon-padding) - ) !important; - background-position: left calc(var(--arrowpanel-menuitem-padding) + 1px) center !important; - } } /* Padding - Linux */ @@ -2271,7 +2264,7 @@ #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { margin-inline: var(--arrowpanel-menuitem-padding) !important; - padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + 16px + 8px) !important; + padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important; background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important; } } From 87ce645514c17d9674d7cb1a3dbe63d392f52d67 Mon Sep 17 00:00:00 2001 From: black7375 Date: Sat, 11 Sep 2021 17:02:27 +0000 Subject: [PATCH 54/59] Prettified Code! --- userChrome.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/userChrome.css b/userChrome.css index b76b4be..dc29c56 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2252,22 +2252,22 @@ * #BMB_bookmarksPopup: looks like arrow panel */ - /* Windows */ - @media (-moz-os-version: windows-win10) { - /* Bookmark Popup - None icon menu */ + /* Windows */ + @media (-moz-os-version: windows-win10) { + /* Bookmark Popup - None icon menu */ #BMB_bookmarksPopup, #PersonalToolbar { --context-menu-background-padding: var(--arrowpanel-menuitem-padding); } - menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { margin-inline: var(--arrowpanel-menuitem-padding) !important; padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important; background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important; } - } + } /* Linux */ @media (-moz-gtk-csd-available) { From d662a2375ce4071a54dea9f3937a23b213e1de42 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 12 Sep 2021 23:18:51 +0900 Subject: [PATCH 55/59] Fix: Bookmar Menu - Padding at windows7 #136 --- userChrome.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index dc29c56..1b410cb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2167,7 +2167,7 @@ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { :root { - --context-menu-background-padding-default: 3px; + --context-menu-background-padding-default: 2px; } :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup @@ -2252,6 +2252,36 @@ * #BMB_bookmarksPopup: looks like arrow panel */ + /* Windows 7, 8 */ + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + /* Global Menu */ + menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item { + padding-inline-start: 0 !important; + } + + /* Bookmark Popup - None icon menu */ + #BMB_bookmarksPopup, + #PersonalToolbar { + --context-menu-background-padding: var(--arrowpanel-menuitem-padding); + --arrowpanel-menuicon-padding: 9px; + } + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), + #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { + margin-inline: var(--arrowpanel-menuitem-padding) !important; + background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important; + } + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { + padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding) + 2px) !important; + } + #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { + padding-inline-start: var(--arrowpanel-menuicon-padding) !important; + } + } + /* Windows */ @media (-moz-os-version: windows-win10) { /* Bookmark Popup - None icon menu */ From 9a684bbb408074bfa2dc4d596dfbd4deb6338360 Mon Sep 17 00:00:00 2001 From: black7375 Date: Sun, 12 Sep 2021 14:19:18 +0000 Subject: [PATCH 56/59] Prettified Code! --- userChrome.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index 1b410cb..fe596f9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2252,8 +2252,8 @@ * #BMB_bookmarksPopup: looks like arrow panel */ - /* Windows 7, 8 */ - @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + /* Windows 7, 8 */ + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { /* Global Menu */ menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item { padding-inline-start: 0 !important; @@ -2265,16 +2265,18 @@ --context-menu-background-padding: var(--arrowpanel-menuitem-padding); --arrowpanel-menuicon-padding: 9px; } - menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { margin-inline: var(--arrowpanel-menuitem-padding) !important; background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important; } - menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding) + 2px) !important; + menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), + menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) { + padding-inline-start: calc( + var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding) + 2px + ) !important; } #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { From d641b09b4d2b7630cc1d465684ca26d09783fdda Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 13 Sep 2021 00:27:56 +0900 Subject: [PATCH 57/59] Fix: Menu Color - windows7, 8 --- userChrome.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/userChrome.css b/userChrome.css index fe596f9..00532eb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -93,6 +93,24 @@ } } + /*= Windows 7, 8 - Menu Active Color =======================================*/ + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + menupopup > menu, + menupopup > menuitem { + border: 1px solid transparent; + } + menu[_moz-menuactive="true"], + menuitem[_moz-menuactive="true"] { + background-color: color-mix(in srgb, -moz-menuhover 5%, transparent); + border-color: color-mix(in srgb, -moz-menuhover 60%, transparent); + } + menu[_moz-menuactive="true"][disabled="disabled"], + menuitem[_moz-menuactive="true"][disabled="true"] { + background-color: transparent; + border-color: transparent; + } + } + /*= Linux- Global Menubar Active Color =====================================*/ @media (-moz-gtk-csd-available) { #main-menubar > menu[open="true"], From 7d09b080a0bb83b0b239ff8ec56b78dbee54310d Mon Sep 17 00:00:00 2001 From: black7375 Date: Sun, 12 Sep 2021 15:28:58 +0000 Subject: [PATCH 58/59] Prettified Code! --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 00532eb..f056fce 100644 --- a/userChrome.css +++ b/userChrome.css @@ -109,7 +109,7 @@ background-color: transparent; border-color: transparent; } - } + } /*= Linux- Global Menubar Active Color =====================================*/ @media (-moz-gtk-csd-available) { From 13a40d2932138e73a5048a70aebde7505d2fdf91 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 13 Sep 2021 11:23:11 +0900 Subject: [PATCH 59/59] Clean: BookMarkMenu - Duplicate Code --- userChrome.css | 32 ++++++++++++-------------------- 1 file changed, 12 insertions(+), 20 deletions(-) diff --git a/userChrome.css b/userChrome.css index f056fce..66fe651 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2270,6 +2270,18 @@ * #BMB_bookmarksPopup: looks like arrow panel */ + /* Empty Menu */ + menupopup menupopup[emptyplacesresult] .menu-text, + #PersonalToolbar menupopup[emptyplacesresult] .menu-text { + margin-inline-start: 0 !important; + } + + /* Bookmark Popup - As Arrow Panel */ + #BMB_bookmarksPopup, + #PersonalToolbar { + --context-menu-background-padding: var(--arrowpanel-menuitem-padding); + } + /* Windows 7, 8 */ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { /* Global Menu */ @@ -2280,7 +2292,6 @@ /* Bookmark Popup - None icon menu */ #BMB_bookmarksPopup, #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding); --arrowpanel-menuicon-padding: 9px; } menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), @@ -2305,10 +2316,6 @@ /* Windows */ @media (-moz-os-version: windows-win10) { /* Bookmark Popup - None icon menu */ - #BMB_bookmarksPopup, - #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding); - } menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), @@ -2332,10 +2339,6 @@ padding-inline-start: 1px !important; } /* Bookmark Popup - None icon menu */ - #BMB_bookmarksPopup, - #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding); - } menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic), #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), @@ -2346,11 +2349,6 @@ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { /* Bookmark Popup - As Arrow Panel */ - #BMB_bookmarksPopup, - #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding); - } - #PersonalToolbar menupopup menuitem, #PersonalToolbar menupopup menu { padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important; @@ -2363,12 +2361,6 @@ } } - /* Empty Menu */ - menupopup menupopup[emptyplacesresult] .menu-text, - #PersonalToolbar menupopup[emptyplacesresult] .menu-text { - margin-inline-start: 0 !important; - } - /** Context Menu - Icons ****************************************************/ /*= tabContextMenu =========================================================*/ #context_openANewTab {