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

Fix: Tab - Vertical tab with tab group #1095

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

28
css/leptonChrome.css generated
View file

@ -7311,6 +7311,20 @@
);
--uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
}
#tabbrowser-tabs:not([noshadowfortests]) {
/* filter create new stacking context */
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}
#tabbrowser-tabs:not([noshadowfortests])[expanded][orient="horizontal"]
.tab-background:is([selected], [multiselected])
.tab-group-line {
height: calc(100% + 5px + var(--tab-block-margin));
left: calc(-1 * var(--tab-inner-inline-margin));
transform: translateY(-2px);
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
@ -22510,6 +22524,20 @@
);
--uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
}
#tabbrowser-tabs:not([noshadowfortests]) {
/* filter create new stacking context */
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}
#tabbrowser-tabs:not([noshadowfortests])[expanded][orient="horizontal"]
.tab-background:is([selected], [multiselected])
.tab-group-line {
height: calc(100% + 5px + var(--tab-block-margin));
left: calc(-1 * var(--tab-inner-inline-margin));
transform: translateY(-2px);
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));

14
css/leptonChromeESR.css generated
View file

@ -7748,6 +7748,20 @@
);
--uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
}
#tabbrowser-tabs:not([noshadowfortests]) {
/* filter create new stacking context */
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}
#tabbrowser-tabs:not([noshadowfortests])[expanded][orient="horizontal"]
.tab-background:is([selected], [multiselected])
.tab-group-line {
height: calc(100% + 5px + var(--tab-block-margin));
left: calc(-1 * var(--tab-inner-inline-margin));
transform: translateY(-2px);
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));

13
src/tab/selected_tab/_box_shadow.scss
View file

@ -12,6 +12,19 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
--uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
}
#tabbrowser-tabs:not([noshadowfortests]) {
.tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: $ucTabBasicShadow;
}
/* filter create new stacking context */
&[expanded][orient="vertical"] .tab-background:is([selected], [multiselected]) .tab-group-line {
height: calc(100% + 6px + var(--tab-block-margin)); // 6px: .tab-group-line's inset-block size
left: calc(-1 * var(--tab-inner-inline-margin));
transform: translateY(-2px); // .tab-group-line 's inset-inline-start size
}
}
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: unset !important;
filter: $ucTabBasicShadow;