From 332bc1f89ac24b420aa34c0940c15709fe510ce1 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 01:23:11 +0900 Subject: [PATCH 1/5] Clean: Panel - Seperate reduce padding https://github.com/black7375/Firefox-UI-Fix/commit/c1d98531315f70fe0f69666a38e935e83b9e4c6a https://github.com/black7375/Firefox-UI-Fix/commit/2ca68b2ca3dc3cdf98155d2c050aa193c15ebf3e --- userChrome.css | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/userChrome.css b/userChrome.css index 715ddc0..3fe7800 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2789,20 +2789,11 @@ menuitem.openintabs-menuitem, --proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */ --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ --inline-tab-padding: 6px !important; /* Original: 8px */ - - /* Panel */ - --arrowpanel-menuicon-padding: 8px; - --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */ - --arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */ - --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ } :root[uidensity="compact"] { /* Tool Bar */ --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ - - /* Panel */ - --arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */ } :root[uidensity="touch"] { @@ -2810,9 +2801,6 @@ menuitem.openintabs-menuitem, --proton-tab-block-margin: 4px !important; /* Original: 4px */ --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ --inline-tab-padding: 8px !important; /* Original: 8px */ - - /* Panel - Like Original */ - --arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */ } .tab-content[pinned] { @@ -3172,6 +3160,21 @@ menupopup > menu { padding-block: var(--bookmark-menu-padding) !important; } +/*= Panel - Reduce padding ===================================================*/ +:root { + --arrowpanel-menuicon-padding: 8px; + --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */ + --arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */ + --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ +} + +:root[uidensity="compact"] { + --arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */ +} +:root[uidensity="touch"] { + --arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */ +} + /*= Popup Panel - Reduce padding =============================================*/ #protections-popup-main-header-label { height: unset !important; /* Original: 37.6px */ From 6b045e34019c147910d2ae20a080faaeb3c0ece5 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 01:44:54 +0900 Subject: [PATCH 2/5] Fix: Clipped Tab - Letters cleary padding https://github.com/black7375/Firefox-UI-Fix/commit/97b83ae292b1eec3dce6a421841432866f437ea9 --- userChrome.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 3fe7800..f7aba9a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2788,7 +2788,6 @@ menuitem.openintabs-menuitem, /* Tab Bar */ --proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */ --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ - --inline-tab-padding: 6px !important; /* Original: 8px */ } :root[uidensity="compact"] { @@ -2800,7 +2799,6 @@ menuitem.openintabs-menuitem, /* Tab Bar - Like Original */ --proton-tab-block-margin: 4px !important; /* Original: 4px */ --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ - --inline-tab-padding: 8px !important; /* Original: 8px */ } .tab-content[pinned] { @@ -3560,8 +3558,11 @@ tab[visuallyselected] > stack::after { } /** Clipped tabs - Letters cleary *********************************************/ -#tabbrowser-tabs[closebuttons="activetab"] .tab-content:not([pinned]) { - padding-inline-start: 8px !important; +:root { + --inline-tab-padding: 6px !important; /* Original: 8px */ +} +:root[uidensity="touch"] { + --inline-tab-padding: 8px !important; /* Original: 8px */ } #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), From 0222ac08e4445082a68fbcd56fdca117725c478d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 01:47:52 +0900 Subject: [PATCH 3/5] Clean: Toolbar - Button padding https://github.com/black7375/Firefox-UI-Fix/commit/4513eba2b5a1f7deb10a85c3b1fc6b9daf32bf35 https://github.com/black7375/Firefox-UI-Fix/commit/2ca68b2ca3dc3cdf98155d2c050aa193c15ebf3e --- userChrome.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index f7aba9a..e6a5321 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2790,11 +2790,6 @@ menuitem.openintabs-menuitem, --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ } -:root[uidensity="compact"] { - /* Tool Bar */ - --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ -} - :root[uidensity="touch"] { /* Tab Bar - Like Original */ --proton-tab-block-margin: 4px !important; /* Original: 4px */ @@ -2967,6 +2962,11 @@ menuitem.openintabs-menuitem, background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; } +/*= Tool Bar - Button Padding ================================================*/ +:root[uidensity="compact"] { + --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ +} + /*= Nav Bar - Reduce Width ===================================================*/ #nav-bar:not([customizing]) toolbarspring { min-width: 1px !important; From c78934bf42c354ddea662501f4c22d5b9edf2ef0 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 01:54:57 +0900 Subject: [PATCH 4/5] Clean: Clipped Tab - Letters cleary for pinned tab --- userChrome.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/userChrome.css b/userChrome.css index e6a5321..8a9e185 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2796,14 +2796,6 @@ menuitem.openintabs-menuitem, --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ } -.tab-content[pinned] { - --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */ - padding-inline: var(--inline-tab-padding) !important; -} -:root[uidensity="compact"] .tab-content[pinned] { - --inline-tab-padding: 8px; -} - /*= Tab Bar - Reduce Width, Show more tabs ===================================*/ /* for First Tab Space */ :root { @@ -3565,6 +3557,14 @@ tab[visuallyselected] > stack::after { --inline-tab-padding: 8px !important; /* Original: 8px */ } +.tab-content[pinned] { + --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */ + padding-inline: var(--inline-tab-padding) !important; +} +:root[uidensity="compact"] .tab-content[pinned] { + --inline-tab-padding: 8px; +} + #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) { From 9490e40edd153d65bbb634c1bc1e278c9aaa633f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 01:58:43 +0900 Subject: [PATCH 5/5] Clean: Tab Bar - Distribution padding, radius --- userChrome.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index 8a9e185..40abeba 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2783,16 +2783,14 @@ menuitem.openintabs-menuitem, } /** Reduce Padding ************************************************************/ -/*= Root - Reduce Padding ====================================================*/ +/*= Tab Bar - Distribution padding, radius ===================================*/ :root { - /* Tab Bar */ - --proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */ --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ + --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */ } :root[uidensity="touch"] { - /* Tab Bar - Like Original */ - --proton-tab-block-margin: 4px !important; /* Original: 4px */ + /* Like Original */ --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ }