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

Fix: Bottom Rounded Corner - Not All

Browse source
This commit is contained in:
alstjr7375 2022-10-30 22:30:41 +09:00
parent 0a0ca28207
commit 250597bf95
2 changed files with 46 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

34
css/leptonChrome.css
View file

@ -6712,13 +6712,29 @@
}
}
.tabbrowser-tab {
padding-inline: 0 !important;
overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
.tabbrowser-tab {
padding-inline: 0 !important;
overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
}
.tabbrowser-tab .tab-background {
--tab-border-radius: 0px;
margin-inline: var(--uc-tab-corner-half-size) !important;
}
}
.tabbrowser-tab .tab-background {
--tab-border-radius: 0px;
margin-inline: var(--uc-tab-corner-half-size) !important;
@supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
.tabbrowser-tab[visuallyselected] {
padding-inline: 0 !important;
overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
}
.tabbrowser-tab[visuallyselected] .tab-background {
--tab-border-radius: 0px;
margin-inline: var(--uc-tab-corner-half-size) !important;
}
.tabbrowser-tab[visuallyselected] .tab-background::before,
.tabbrowser-tab[visuallyselected] .tab-background::after {
content: "";
}
}
.tabbrowser-tab .tab-background::before,
.tabbrowser-tab .tab-background::after {
@ -6775,12 +6791,6 @@
.tabbrowser-tab[positionpinnedtabs] .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before {
background-image: var(--uc-tab-corner-left-side-svg) !important;
}
@supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
.tabbrowser-tab[visuallyselected] .tab-background::before,
.tabbrowser-tab[visuallyselected] .tab-background::after {
content: "";
}
}
.tabbrowser-tab[visuallyselected] .tab-background::before,
.tabbrowser-tab[visuallyselected] .tab-background::after,
.tabbrowser-tab[multiselected] .tab-background::before,

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

@ -55,7 +55,8 @@
}
}
.tabbrowser-tab {
//-- Mixin ---------------------------------------------------------------------
@mixin _bottomRoundedCornerOtherPadding() {
padding-inline: 0 !important;
overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
@ -63,6 +64,28 @@
--tab-border-radius: 0px;
margin-inline: var(--uc-tab-corner-half-size) !important;
@content;
}
}
//------------------------------------------------------------------------------
.tabbrowser-tab {
@include Option("userChrome.tab.bottom_rounded_corner.all") {
@include _bottomRoundedCornerOtherPadding;
}
@include NotOption("userChrome.tab.bottom_rounded_corner.all") {
&[visuallyselected] {
@include _bottomRoundedCornerOtherPadding {
&::before,
&::after {
content: "";
}
}
}
}
.tab-background {
&::before,
&::after {
/* Box */
@ -124,15 +147,6 @@
background-image: var(--uc-tab-corner-left-side-svg) !important;
}
&[visuallyselected] .tab-background {
&::before,
&::after {
@include NotOption("userChrome.tab.bottom_rounded_corner.all") {
content: "";
}
}
}
&[visuallyselected] .tab-background,
&[multiselected] .tab-background {
&::before,