mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-04 06:20:37 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' into icon

Browse source
This commit is contained in:
alstjr7375 2021-05-10 10:10:42 +09:00
commit 42e519bd79
4 changed files with 85 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

34
.github/ISSUE_TEMPLATE/bug_report.md vendored Normal file
View file

@ -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): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark
**Additional context**
Add any other context about the problem here.

7
README.org
View file

@ -2,9 +2,10 @@
[[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/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 +60,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)

60
userChrome.css
View file

@ -21,7 +21,7 @@
:root[uidensity=compact] {
/* Tool Bar */
--toolbarbutton-outter-padding: 2px !important; /* Original: 3px, General is 2px */
--toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
/* Panel */
--arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */
@ -38,20 +38,35 @@
/** Tab Bar - Reduce Width, Show more tabs **********************************/
.titlebar-spacer[type="pre-tabs"] {
width: 35px; /* Original: 40px */
width: 30px; /* Original: 40px */
}
.titlebar-spacer[type="post-tabs"] {
width: 20px; /* Original: 40px */
width: 25px; /* Original: 40px */
}
:root {
--newtab-button-minus-width-padding: 2px;
--newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding));
}
#tabs-newtab-button > .toolbarbutton-icon,
#new-tab-button > .toolbarbutton-icon,
#alltabs-button > .toolbarbutton-badge-stack {
/* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */
width: calc(2 * var(--newtab-button-width-padding) + 16px);
/* Original: --toolbarbutton-inner-padding */
padding-left: var(--newtab-button-width-padding);
padding-right: var(--newtab-button-width-padding);
}
: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-up ),
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
/* Original: 4px */
padding-left: 1px;
padding-left: 1px;
padding-right: 1px;
}
@ -64,13 +79,23 @@
--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;
}
: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;
@ -87,7 +112,7 @@
}
.tab-stack {
margin-top: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
@ -96,8 +121,7 @@
padding-inline: 1px !important;
}
.tabbrowser-tab:not([last-visible-tab])
{
.tabbrowser-tab:not([last-visible-tab]) {
margin-inline-end: -.5px !important;
}
@ -106,8 +130,9 @@
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 ***********************************************/
#TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
/* 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;
}
@ -128,7 +153,6 @@
.tab-content::before {
left: 0 !important;
}
.tab-content::after {
right: 0 !important;
}
@ -148,8 +172,7 @@
padding-inline-start: 8px !important;
}
#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button
{
#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
visibility: collapse !important;
}
@ -167,7 +190,9 @@
/** 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) {
#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;
}
@ -197,6 +222,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 */

3
userContent.css
View file

@ -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 */