mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tab - Pinned attribute #788

Browse source
This commit is contained in:
alstjr7375 2023-10-14 16:38:51 +09:00
parent 82dbdf7641
commit ec2272138f
6 changed files with 23 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

19
css/leptonChrome.css generated
View file

@ -4169,14 +4169,11 @@
} }
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") { @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox, :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"], #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
#TabsToolbar:not([multibar]) #TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"] #tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"] > .tabbrowser-tab[pinned]
.tab-stack,
#TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
.tab-content { .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */ max-height: var(--tab-min-height) !important; /* Force apply height */
} }
@ -6428,7 +6425,7 @@
max-width: var(--tab-max-width) !important; max-width: var(--tab-max-width) !important;
margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
} }
.tabbrowser-tab[selected="true"][pinned="true"] { .tabbrowser-tab[selected="true"][pinned] {
flex: 100; flex: 100;
-moz-box-flex: 100; -moz-box-flex: 100;
max-width: var(--tab-max-width) !important; max-width: var(--tab-max-width) !important;
@ -9273,10 +9270,10 @@
.tabbrowser-tab:not([hidden="true"]) { .tabbrowser-tab:not([hidden="true"]) {
counter-increment: tab-counts; counter-increment: tab-counts;
} }
.tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before { .tabbrowser-tab:not([hidden="true"])[pinned] .tab-label-container::before {
content: " " counter(tab-counts); content: " " counter(tab-counts);
} }
.tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before { .tabbrowser-tab:not([hidden="true"]):not([pinned]) .tab-label-container::before {
content: counter(tab-counts) ": "; content: counter(tab-counts) ": ";
} }
.tabbrowser-tab:not([hidden="true"]) .tab-label-container { .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@ -10386,12 +10383,12 @@
} }
@supports -moz-bool-pref("userChrome.hidden.tab_icon") { @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
@supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
.tabbrowser-tab:not([pinned="true"]) .tab-icon-image { .tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none; display: none;
} }
} }
@supports -moz-bool-pref("userChrome.hidden.tab_icon.always") { @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") {
.tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { .tabbrowser-tab:not([pinned]) .tab-icon-stack {
display: none; display: none;
} }
} }

19
css/leptonChromeESR.css generated
View file

@ -4511,14 +4511,11 @@
} }
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") { @supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox, :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"], #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
#TabsToolbar:not([multibar]) #TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"] #tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"] > .tabbrowser-tab[pinned]
.tab-stack,
#TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
.tab-content { .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */ max-height: var(--tab-min-height) !important; /* Force apply height */
} }
@ -6837,7 +6834,7 @@
max-width: var(--tab-max-width) !important; max-width: var(--tab-max-width) !important;
margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
} }
.tabbrowser-tab[selected="true"][pinned="true"] { .tabbrowser-tab[selected="true"][pinned] {
flex: 100; flex: 100;
-moz-box-flex: 100; -moz-box-flex: 100;
max-width: var(--tab-max-width) !important; max-width: var(--tab-max-width) !important;
@ -9682,10 +9679,10 @@
.tabbrowser-tab:not([hidden="true"]) { .tabbrowser-tab:not([hidden="true"]) {
counter-increment: tab-counts; counter-increment: tab-counts;
} }
.tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before { .tabbrowser-tab:not([hidden="true"])[pinned] .tab-label-container::before {
content: " " counter(tab-counts); content: " " counter(tab-counts);
} }
.tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before { .tabbrowser-tab:not([hidden="true"]):not([pinned]) .tab-label-container::before {
content: counter(tab-counts) ": "; content: counter(tab-counts) ": ";
} }
.tabbrowser-tab:not([hidden="true"]) .tab-label-container { .tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@ -10803,12 +10800,12 @@
} }
@supports -moz-bool-pref("userChrome.hidden.tab_icon") { @supports -moz-bool-pref("userChrome.hidden.tab_icon") {
@supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
.tabbrowser-tab:not([pinned="true"]) .tab-icon-image { .tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none; display: none;
} }
} }
@supports -moz-bool-pref("userChrome.hidden.tab_icon.always") { @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") {
.tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { .tabbrowser-tab:not([pinned]) .tab-icon-stack {
display: none; display: none;
} }
} }

4
src/counter/_tab.scss
View file

@ -32,10 +32,10 @@
counter-increment: tab-counts; counter-increment: tab-counts;
// https://www.designcise.com/web/tutorial/how-to-add-space-before-or-after-an-element-using-css-pseudo-elements // https://www.designcise.com/web/tutorial/how-to-add-space-before-or-after-an-element-using-css-pseudo-elements
&[pinned="true"] .tab-label-container::before { &[pinned] .tab-label-container::before {
content: "\00a0" counter(tab-counts); content: "\00a0" counter(tab-counts);
} }
&:not([pinned="true"]) .tab-label-container::before { &:not([pinned]) .tab-label-container::before {
content: counter(tab-counts) ":\00a0"; content: counter(tab-counts) ":\00a0";
} }

2
src/hidden/_index.scss
View file

@ -13,7 +13,7 @@
} }
@include Option("userChrome.hidden.tab_icon") { @include Option("userChrome.hidden.tab_icon") {
.tabbrowser-tab:not([pinned="true"]) { .tabbrowser-tab:not([pinned]) {
@include NotOption("userChrome.hidden.tab_icon.always") { @include NotOption("userChrome.hidden.tab_icon.always") {
.tab-icon-image { .tab-icon-image {
display: none; display: none;

6
src/padding/_tabbar_height.scss
View file

@ -63,9 +63,9 @@
@include NotOption("userChrome.tabbar.multi_row") { @include NotOption("userChrome.tabbar.multi_row") {
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox, :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"], #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned],
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack, #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content { #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */ max-height: var(--tab-min-height) !important; /* Force apply height */
} }
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {

2
src/tabbar/_as_titlebar.scss
View file

@ -34,7 +34,7 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important;
// padding-inline-start: calc(var(--tab-shadow-max-size) + 1px) !important; // padding-inline-start: calc(var(--tab-shadow-max-size) + 1px) !important;
&[pinned="true"] { &[pinned] {
@include BoxFlex(100); @include BoxFlex(100);
max-width: var(--tab-max-width) !important; max-width: var(--tab-max-width) !important;
} }