From bec2f188ff650f0d73d484ba5fe91c5fadbcf674 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Mon, 3 May 2021 00:20:47 +0000 Subject: [PATCH 01/20] Doc: update images --- README.org | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.org b/README.org index 8498724..8a665dc 100644 --- a/README.org +++ b/README.org @@ -3,7 +3,7 @@ I want to fix some flaws. Currently work only dark theme. - [[https://user-images.githubusercontent.com/25581533/116639755-c313c100-a958-11eb-9ed4-e4366c3061cf.png]] + [[https://user-images.githubusercontent.com/25581533/116832632-4295d000-aba5-11eb-9f4e-33e5291f95ef.png]] (Fixed proton design) @@ -58,7 +58,7 @@ ** WHY Not Proton? However, there are also many flaws. - [[https://user-images.githubusercontent.com/25581533/116494039-86c85e00-a88f-11eb-8bb5-986fc464a149.png]] + [[https://user-images.githubusercontent.com/25581533/116832636-46295700-aba5-11eb-87d6-d837c2b20318.png]] (proton before design) From 693c7a4a0c26a75617c4eb47d8123fd95a69e971 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 3 May 2021 11:12:48 +0900 Subject: [PATCH 02/20] Fix: Unselected Tab - Devide Line: color compatibility --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 634aac6..cf6a79e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -93,7 +93,7 @@ content: "" !important; display: block !important; position: absolute !important; - background-color: var(--lwt-selected-tab-background-color) !important; + background-color: var(--toolbarseparator-color) !important; width: 1px !important; height: 20px !important; transform: translateY(-10px) !important; From 2a78e1e3fbe4a854bbf8dab3b7922f7fd6cff13b Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 3 May 2021 11:14:31 +0900 Subject: [PATCH 03/20] Fix: Selected Tab - Color: compatibility --- userChrome.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index cf6a79e..a471d7d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -74,10 +74,6 @@ } /* Selected Tab - Color like toolbar */ - .tab-background[selected="true"] { - background: var(--toolbar-bgcolor) !important; - } - #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme { background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; } From e04c1da96356980540769ec52d035d9302108142 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Mon, 3 May 2021 03:48:28 +0000 Subject: [PATCH 04/20] Doc: fix typo --- README.org | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.org b/README.org index 8a665dc..62d9ab6 100644 --- a/README.org +++ b/README.org @@ -68,7 +68,7 @@ - [x] Padding gaps are wide - :warning: Address bar 3-point menu, screenshot moves to toolbar (can't fix) -** Padding Compares +** Padding Comparisons [[https://user-images.githubusercontent.com/25581533/116781608-75d84200-aa73-11eb-9c75-27d8a82d6382.png]] [[https://user-images.githubusercontent.com/25581533/116781611-7a9cf600-aa73-11eb-88d8-dc202474e743.png]] [[https://user-images.githubusercontent.com/25581533/116781620-90aab680-aa73-11eb-8811-1ae43e7bfb13.png]] From edb2e5c239dbf07d69dad63ae502d5d4f2f89964 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Mon, 3 May 2021 04:41:44 +0000 Subject: [PATCH 05/20] Doc: update README --- README.org | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.org b/README.org index 62d9ab6..a4d098a 100644 --- a/README.org +++ b/README.org @@ -74,6 +74,6 @@ [[https://user-images.githubusercontent.com/25581533/116781620-90aab680-aa73-11eb-8811-1ae43e7bfb13.png]] [[https://user-images.githubusercontent.com/25581533/116781623-930d1080-aa73-11eb-8fc7-14c238b73bfe.png]] - - Quantum + - Photon (Quantum) - Proton - Proton Fix From c4f9c7673e6371922d75c4920f0df848ba7efd8d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 4 May 2021 10:10:39 +0900 Subject: [PATCH 06/20] Add: Root - Compact, Touch padding --- userChrome.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index a471d7d..e5edbfb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4,7 +4,8 @@ --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; } - :root{ + /* Root - Reduce Padding */ + :root { /* Tab Bar */ --proton-tab-block-margin: 2px !important; /* Original: 4px */ --inline-tab-padding: 6px !important; /* Original: 8px */ @@ -15,6 +16,23 @@ --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ } + :root[uidensity=compact] { + /* Tool Bar */ + --toolbarbutton-outter-padding: 2px !important; /* Original: 3px, General is 2px */ + + /* Panel */ + --arrowpanel-menuitem-padding: 2px !important; /* Original: 8px */ + } + + :root[uidensity=touch] { + /* Tab Bar - Like Original */ + --proton-tab-block-margin: 4px !important; /* Original: 4px */ + --inline-tab-padding: 8px !important; /* Original: 8px */ + + /* Panel - Like Original */ + --arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */ + } + /* Tab Bar - Reduce Width, Show more tabs */ .titlebar-spacer[type="pre-tabs"] { width: 35px; /* Original: 40px */ From 2b896ab4139c1cda32939fe537614b0ee8c5ad11 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 4 May 2021 15:20:52 +0900 Subject: [PATCH 07/20] Add: Adjust Padding - Compact, Touch mode --- userChrome.css | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/userChrome.css b/userChrome.css index e5edbfb..1497e04 100644 --- a/userChrome.css +++ b/userChrome.css @@ -41,28 +41,31 @@ width: 20px; /* Original: 40px */ } - #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) { + :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up), + :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) { /* Original: 4px */ padding-left: 1px; padding-right: 1px; } - #new-tab-button, #alltabs-button { + :root:not([uidensity=touch]) #new-tab-button, #alltabs-button { --toolbarbutton-outer-padding: 1px; /* Original: 2px*/ } /* Tab Bar - Reduce Height, Show more contents */ - #TabsToolbar { + :root:not([uidensity=touch]) #TabsToolbar { --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } - .toolbar-items, .tabbrowser-tab { - max-height: 38px; /* Original: 40px */ + :root .toolbar-items, .tabbrowser-tab { + max-height: 38px; + } + :root[uidensity=touch] .toolbar-items, .tabbrowser-tab { + max-height: unset; } /* Tab - Max Size */ - .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) - { + :root:not([uidensity=touch]) .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { max-width: 240px !important; } @@ -174,26 +177,26 @@ } /* URL Bar - Reduce Padding */ - #urlbar-container, #search-container { + :root:not([uidensity=touch]) #urlbar-container, #search-container { padding-block: 2px; /* Original: 4px */ margin-inline: 5px; /* Original: 5px */ } /* Menu - Reduce Padding */ - menupopup > menuitem, menupopup > menu { + :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu { padding-block: 0.35em !important; /* Original: 0.5em */ padding-inline-start: 1em !important; /* Original: 1em */ } - .menu-text, .menu-iconic-text { + :root:not([uidensity=touch]) .menu-text, .menu-iconic-text { padding-inline-end: 0 !important; /* Original: 2px */ } - .menupopup-arrowscrollbox { + :root:not([uidensity=touch]) .menupopup-arrowscrollbox { padding-block: 1px !important; /* Original: 4px*/ } - #context-navigation:not([hidden]) { + :root:not([uidensity=touch]) #context-navigation:not([hidden]) { padding: 0 0 1px; /* Original: 0 0 4px*/ } - .menu-right { + :root:not([uidensity=touch]) .menu-right { margin-right: 6px !important; /* Original: 12px */ } } From fa74a2ba332fe081d007782797848d28330d1b88 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 5 May 2021 14:28:57 +0900 Subject: [PATCH 08/20] Add: @rodrigopedra Tabbar - Remove gap between pinned tab at compact mode #4 --- userChrome.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/userChrome.css b/userChrome.css index 1497e04..a74f119 100644 --- a/userChrome.css +++ b/userChrome.css @@ -41,6 +41,10 @@ width: 20px; /* Original: 40px */ } + :root[uidensity=compact] #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { + margin-inline-start: 0 !important; + } + :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up), :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) { /* Original: 4px */ From 4948226abe1c93e716e6b690e6098eda1223c706 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 5 May 2021 14:45:33 +0900 Subject: [PATCH 09/20] Clean: comment divide lines --- userChrome.css | 22 +++++++++++----------- userContent.css | 4 ++-- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/userChrome.css b/userChrome.css index a74f119..3ce746a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,10 +1,10 @@ @media (-moz-proton) { - /* Darkmode - Color lighter */ + /** Darkmode - Color lighter ************************************************/ :root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] { --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; } - /* Root - Reduce Padding */ + /** Root - Reduce Padding ***************************************************/ :root { /* Tab Bar */ --proton-tab-block-margin: 2px !important; /* Original: 4px */ @@ -33,7 +33,7 @@ --arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */ } - /* Tab Bar - Reduce Width, Show more tabs */ + /** Tab Bar - Reduce Width, Show more tabs **********************************/ .titlebar-spacer[type="pre-tabs"] { width: 35px; /* Original: 40px */ } @@ -56,7 +56,7 @@ --toolbarbutton-outer-padding: 1px; /* Original: 2px*/ } - /* Tab Bar - Reduce Height, Show more contents */ + /** Tab Bar - Reduce Height, Show more contents *****************************/ :root:not([uidensity=touch]) #TabsToolbar { --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } @@ -98,17 +98,17 @@ margin-inline-end: -.5px !important; } - /* Selected Tab - Color like toolbar */ + /** Selected Tab - Color like toolbar ***************************************/ #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme { background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; } - /* Selected Tab - Box Shadow */ + /** Selected Tab - Box Shadow ***********************************************/ #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { box-shadow: 0 0 1px var(--toolbar-color) !important; } - /* Unselected Tab - Divide line */ + /** Unselected Tab - Divide line ********************************************/ .tab-content::before, .tab-content::after { content: "" !important; @@ -139,7 +139,7 @@ opacity: var(--tab-separator-opacity) !important; } - /* Clipped tabs - Letters cleary */ + /** Clipped tabs - Letters cleary *******************************************/ #tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned]) { padding-inline-start: 8px !important; @@ -162,7 +162,7 @@ mask-image: linear-gradient(to left, black 70%, transparent) !important; } - /* Sound Tab - Show with Favicons */ + /** Sound Tab - Show with Favicons ******************************************/ /* Makes the favicons always visible (also on hover) */ #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { opacity: 1 !important; @@ -180,13 +180,13 @@ margin-right: 10px !important; } - /* URL Bar - Reduce Padding */ + /** URL Bar - Reduce Padding ************************************************/ :root:not([uidensity=touch]) #urlbar-container, #search-container { padding-block: 2px; /* Original: 4px */ margin-inline: 5px; /* Original: 5px */ } - /* Menu - Reduce Padding */ + /** Menu - Reduce Padding ***************************************************/ :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu { padding-block: 0.35em !important; /* Original: 0.5em */ padding-inline-start: 1em !important; /* Original: 1em */ diff --git a/userContent.css b/userContent.css index d2c6690..3fe8bd4 100644 --- a/userContent.css +++ b/userContent.css @@ -1,6 +1,6 @@ @media (-moz-proton) { @-moz-document url("about:home"), url("about:newtab") { - /* Activity Stream - Search Focus Border: like URL */ + /** Activity Stream - Search Focus Border: like URL ***********************/ /* At DarkMode, Color */ body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"] { /* inner */ @@ -8,7 +8,7 @@ --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */ } - /* Activity Stream - Web Site Icon: full size */ + /** Activity Stream - Web Site Icon: full size ****************************/ .top-site-outer .tile .icon-wrapper { width: 100% !important; /* Original: 48px */ height: 100% !important; /* Original: 48px */ From f6f2e78e1fbcee3454b8899eea4ddc814b9baa26 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Wed, 5 May 2021 07:04:43 +0000 Subject: [PATCH 10/20] Doc: Add wiki link --- README.org | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.org b/README.org index a4d098a..d67af16 100644 --- a/README.org +++ b/README.org @@ -2,7 +2,8 @@ [[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\ I want to fix some flaws. - Currently work only dark theme. + [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Wiki:Compatibility Issues Solution]] + [[https://user-images.githubusercontent.com/25581533/116832632-4295d000-aba5-11eb-9f4e-33e5291f95ef.png]] (Fixed proton design) From 40a972627db5dcc3bec0e654b88cfa8016cc00d9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 5 May 2021 21:02:59 +0900 Subject: [PATCH 11/20] Add: Compact URL Spread Menu - Reduce padding --- userChrome.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/userChrome.css b/userChrome.css index 3ce746a..2107dd8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -186,6 +186,14 @@ margin-inline: 5px; /* Original: 5px */ } + /* spread menu */ + :root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) { + padding-block: 1px; /* [Compact, General]: 2px, Touch: 11px */ + } + :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) { + padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */ + } + /** Menu - Reduce Padding ***************************************************/ :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu { padding-block: 0.35em !important; /* Original: 0.5em */ From 5f938bb1405ed97428e657ff60198c7e9c0eba46 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 6 May 2021 10:11:59 +0900 Subject: [PATCH 12/20] Add: Compact Conetext Menu - Reduce Padding --- userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 2107dd8..e3c3f84 100644 --- a/userChrome.css +++ b/userChrome.css @@ -197,7 +197,6 @@ /** Menu - Reduce Padding ***************************************************/ :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu { padding-block: 0.35em !important; /* Original: 0.5em */ - padding-inline-start: 1em !important; /* Original: 1em */ } :root:not([uidensity=touch]) .menu-text, .menu-iconic-text { padding-inline-end: 0 !important; /* Original: 2px */ @@ -211,4 +210,8 @@ :root:not([uidensity=touch]) .menu-right { margin-right: 6px !important; /* Original: 12px */ } + + :root[uidensity=compact] menupopup > menuitem, menupopup > menu { + padding-block: 0.25em !important; /* Original: 0.5em */ + } } From 9349c8e6f1a0243e099354653e32c696f9f251ce Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 14:55:40 +0900 Subject: [PATCH 13/20] Add: Tab Height - compact reduce padding --- userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index e3c3f84..8152db9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -61,9 +61,12 @@ --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } - :root .toolbar-items, .tabbrowser-tab { + .toolbar-items, .tabbrowser-tab { max-height: 38px; } + :root[uidensity=compact] .toolbar-items, .tabbrowser-tab { + max-height: 36px; + } :root[uidensity=touch] .toolbar-items, .tabbrowser-tab { max-height: unset; } From 88029c7fd748e691ff4e4f6e71a4a37ba27d1395 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 15:10:07 +0900 Subject: [PATCH 14/20] Doc: bug report issue template --- .github/ISSUE_TEMPLATE/bug_report.md | 34 ++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 .github/ISSUE_TEMPLATE/bug_report.md diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md new file mode 100644 index 0000000..73ee265 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -0,0 +1,34 @@ +--- +name: Bug report +about: Create a report to help us improve +title: '' +labels: bug +assignees: '' + +--- + +**Describe the bug** +A clear and concise description of what the bug is. + +**Expected behavior** +A clear and concise description of what you expected to happen. + +**Screenshots** +If applicable, add screenshots to help explain your problem. + +**Environment (please complete the following information):** + - OS: + - [ ] Linux + - [ ] Windows + - [ ] Mac + - [ ] Others: + - Theme: + - [ ] Light + - [ ] Dark + - [ ] Alpenglow(System: Light) + - [ ] Alpenglow(System: Dark) + - [ ] System Default + - GTK Theme Name(Only Linux User): ex) Adwaita, Adwaita-Dark, Breath, Breath-Dark + +**Additional context** +Add any other context about the problem here. From 28ee89681f3d3187a3f83ec8300721c48472c1da Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 15:13:04 +0900 Subject: [PATCH 15/20] Doc: fix bug issue format --- .github/ISSUE_TEMPLATE/bug_report.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 73ee265..d6d54f8 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -28,7 +28,7 @@ If applicable, add screenshots to help explain your problem. - [ ] Alpenglow(System: Light) - [ ] Alpenglow(System: Dark) - [ ] System Default - - GTK Theme Name(Only Linux User): ex) Adwaita, Adwaita-Dark, Breath, Breath-Dark + - GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark **Additional context** Add any other context about the problem here. From e407f5d965abb362b90fe51d1eb061b3027131be Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 16:25:06 +0900 Subject: [PATCH 16/20] Add: Usercontent - Darkmode case --- userContent.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/userContent.css b/userContent.css index 3fe8bd4..a155e81 100644 --- a/userContent.css +++ b/userContent.css @@ -2,7 +2,8 @@ @-moz-document url("about:home"), url("about:newtab") { /** Activity Stream - Search Focus Border: like URL ***********************/ /* At DarkMode, Color */ - body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"] { + body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], + body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"] { /* inner */ --newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */ --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */ From 5851de926ba7e52766311b73433634e59e7b67dc Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 16:25:45 +0900 Subject: [PATCH 17/20] Fix: Tab Bar - Scrollbutton Size Up --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index 8152db9..6df6b1c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -71,6 +71,13 @@ max-height: unset; } + :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up), + :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) { + /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */ + padding-top: 3px !important; + padding-bottom: 3px !important; + } + /* Tab - Max Size */ :root:not([uidensity=touch]) .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { max-width: 240px !important; From 560725b24c7f67c25fe80c03cb2c2cd8a9beb710 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Sat, 8 May 2021 07:39:28 +0000 Subject: [PATCH 18/20] Doc: screenshot update --- README.org | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.org b/README.org index d67af16..930c9a1 100644 --- a/README.org +++ b/README.org @@ -4,7 +4,7 @@ [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Wiki:Compatibility Issues Solution]] - [[https://user-images.githubusercontent.com/25581533/116832632-4295d000-aba5-11eb-9f4e-33e5291f95ef.png]] + [[https://user-images.githubusercontent.com/25581533/117531080-49bb4480-afd0-11eb-8b6a-f04559ed2ab7.png]] (Fixed proton design) @@ -59,7 +59,7 @@ ** WHY Not Proton? However, there are also many flaws. - [[https://user-images.githubusercontent.com/25581533/116832636-46295700-aba5-11eb-87d6-d837c2b20318.png]] + [[https://user-images.githubusercontent.com/25581533/117529680-69e70580-afc8-11eb-8ecb-bd1e0cfc1e97.png]] (proton before design) From 33a66aa1f03f16a9721c5fab959dd652935da88f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 8 May 2021 19:06:55 +0900 Subject: [PATCH 19/20] Add: Bookmark Bar - Reduce height at compact mode --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 6df6b1c..cbac8b2 100644 --- a/userChrome.css +++ b/userChrome.css @@ -204,6 +204,11 @@ padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */ } + /** BookMark Bar - Reduce Height ********************************************/ + :root[uidensity=compact] #PersonalToolbar toolbarbutton { + margin-top: 0px; /* Original: 2px */ + } + /** Menu - Reduce Padding ***************************************************/ :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu { padding-block: 0.35em !important; /* Original: 0.5em */ From bb9ff6a73ddc7be9f2384c22ff30f376568a1879 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Sat, 8 May 2021 10:30:28 +0000 Subject: [PATCH 20/20] Doc: update wiki link --- README.org | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.org b/README.org index 930c9a1..22890de 100644 --- a/README.org +++ b/README.org @@ -2,7 +2,8 @@ [[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\ I want to fix some flaws. - [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Wiki:Compatibility Issues Solution]] + | *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://user-images.githubusercontent.com/25581533/117531080-49bb4480-afd0-11eb-8b6a-f04559ed2ab7.png]]