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

Fix: Tab - *-child -> *-of-type #628

Browse source
This commit is contained in:
alstjr7375 2023-02-17 04:21:33 +09:00
parent 0dc6a1c26e
commit d2d27cd144
5 changed files with 28 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/padding/_tabbar_width.scss
View file

@ -96,7 +96,7 @@
}
}
@include NotOption("userChrome.tabbar.multi_row") {
#TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-child) {
#TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) {
margin-inline-end: -1px !important;
}
}

4
src/tab/selected_tab/_bottom_rounded_corner_others.scss
View file

@ -217,11 +217,11 @@
#tabbrowser-tabs {
&[positionpinnedtabs],
&:not([overflow]) .tabbrowser-tab:first-child ,
&:not([overflow]) .tabbrowser-tab:first-of-type,
&[overflow] .tabbrowser-tab[first-visible-unpinned-tab] {
margin-left: var(--uc-tab-corner-half-size) !important;
}
}
.tabbrowser-tab:last-child {
.tabbrowser-tab:last-of-type {
margin-right: var(--uc-tab-corner-half-size) !important;
}

18
src/tab/unselected_tab/_dynamic_separator.scss
View file

@ -52,7 +52,7 @@
@include NotOption("userChrome.tab.newtab_button_like_tab") {
.tab-stack::before,
#tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-child
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
@include _dynamicSeparatorShape;
}
@ -60,19 +60,19 @@
.tab-stack::before {
transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
.tabbrowser-tab:last-child .tab-stack::after {
.tabbrowser-tab:last-of-type .tab-stack::after {
right: 0;
transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
}
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-stack::before {
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
opacity: var(--tab-separator-opacity);
}
@include Option("userChrome.tabbar.one_liner") {
@include NotOption("userChrome.tabbar.one_liner.tabbar_first") {
@include OneLinerContent {
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-child .tab-stack::before {
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
opacity: var(--tab-separator-opacity);
transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
@ -86,7 +86,7 @@
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
#tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-child
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
opacity: var(--tab-separator-opacity);
}
@ -107,10 +107,10 @@
+ .tabbrowser-tab
.tab-stack::before,
#navigator-toolbox:not([movingtab])
.tabbrowser-tab:last-child:is([visuallyselected], [multiselected], :hover)
.tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabs-newtab-button::before, /* Legacy - v103 */
#navigator-toolbox:not([movingtab])
.tabbrowser-tab:last-child:is([visuallyselected], [multiselected], :hover)
.tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button::before {
opacity: 0 !important;
}
@ -142,7 +142,7 @@
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
#tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-child
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
@ -150,6 +150,6 @@
}
/* Latest Tab & New tab margin */
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-child {
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type {
margin-inline-end: 1px !important;
}

2
src/tab/unselected_tab/_static_separator.scss
View file

@ -2,7 +2,7 @@
--toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent);
}
.tabbrowser-tab:first-child .tab-stack::before,
.tabbrowser-tab:first-of-type .tab-stack::before,
.tab-stack::after {
content: "";
}