mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-05 18:20:44 -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") {
: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])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
.tab-stack,
#TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
> .tabbrowser-tab[pinned]
.tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
@ -6428,7 +6425,7 @@
max-width: var(--tab-max-width) !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;
-moz-box-flex: 100;
max-width: var(--tab-max-width) !important;
@ -9273,10 +9270,10 @@
.tabbrowser-tab:not([hidden="true"]) {
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);
}
.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) ": ";
}
.tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@ -10386,12 +10383,12 @@
}
@supports -moz-bool-pref("userChrome.hidden.tab_icon") {
@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;
}
}
@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;
}
}

19
css/leptonChromeESR.css generated
View file

@ -4511,14 +4511,11 @@
}
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
: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])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
.tab-stack,
#TabsToolbar:not([multibar])
#tabbrowser-arrowscrollbox[overflowing="true"]
> .tabbrowser-tab[pinned="true"]
> .tabbrowser-tab[pinned]
.tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
@ -6837,7 +6834,7 @@
max-width: var(--tab-max-width) !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;
-moz-box-flex: 100;
max-width: var(--tab-max-width) !important;
@ -9682,10 +9679,10 @@
.tabbrowser-tab:not([hidden="true"]) {
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);
}
.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) ": ";
}
.tabbrowser-tab:not([hidden="true"]) .tab-label-container {
@ -10803,12 +10800,12 @@
}
@supports -moz-bool-pref("userChrome.hidden.tab_icon") {
@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;
}
}
@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;
}
}

4
src/counter/_tab.scss
View file

@ -32,10 +32,10 @@
counter-increment: tab-counts;
// 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);
}
&:not([pinned="true"]) .tab-label-container::before {
&:not([pinned]) .tab-label-container::before {
content: counter(tab-counts) ":\00a0";
}

2
src/hidden/_index.scss
View file

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

6
src/padding/_tabbar_height.scss
View file

@ -63,9 +63,9 @@
@include NotOption("userChrome.tabbar.multi_row") {
: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="true"] .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],
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-stack,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned] .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
: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;
// padding-inline-start: calc(var(--tab-shadow-max-size) + 1px) !important;
&[pinned="true"] {
&[pinned] {
@include BoxFlex(100);
max-width: var(--tab-max-width) !important;
}