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

Fix: Tab - Container size adjust for vertical tab #1095

Browse source
This commit is contained in:
alstjr7375 2025-12-19 00:00:00 +09:00
parent 9477ffc951
commit 3087a6cadb
3 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
css/leptonChrome.css generated
View file

@ -9038,10 +9038,11 @@
display: block;
position: absolute;
top: 50%;
left: var(--tab-inline-padding);
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */
border-bottom: 2px solid var(--identity-icon-color);
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
opacity: 0.75;
}
.tabbrowser-tab[visuallyselected] .tab-content::before {
@ -9052,7 +9053,7 @@
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);
@ -24436,10 +24437,11 @@
display: block;
position: absolute;
top: 50%;
left: var(--tab-inline-padding);
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */
border-bottom: 2px solid var(--identity-icon-color);
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
opacity: 0.75;
}
}
@ -24453,7 +24455,7 @@
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);

5
css/leptonChromeESR.css generated
View file

@ -9497,10 +9497,11 @@
display: block;
position: absolute;
top: 50%;
left: var(--tab-inline-padding);
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */
border-bottom: 2px solid var(--identity-icon-color);
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
opacity: 0.75;
}
.tabbrowser-tab[visuallyselected] .tab-content::before {
@ -9511,7 +9512,7 @@
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);

5
src/tab/_container_tab.scss
View file

@ -35,11 +35,12 @@
display: block;
position: absolute;
top: 50%;
left: var(--tab-inline-padding);
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */
border-bottom: 2px solid var(--identity-icon-color);
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
opacity: 0.75;
}
.tabbrowser-tab[visuallyselected] .tab-content::before {
@ -51,7 +52,7 @@
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
width: calc(100% - (var(--tab-inline-padding) + var(--tab-inner-inline-margin)) * 2);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);