diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 59b313a..966ea8c 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -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); diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index cdcae4c..e09a800 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -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); diff --git a/src/tab/_container_tab.scss b/src/tab/_container_tab.scss index 311680b..3043e3e 100644 --- a/src/tab/_container_tab.scss +++ b/src/tab/_container_tab.scss @@ -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);