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

Fix: New tab button - Top margin

Browse source
This commit is contained in:
alstjr7375 2021-06-28 15:24:02 +09:00
parent b2282ba69b
commit 458859fe73
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
userChrome.css
View file

@ -200,7 +200,7 @@
}
.tab-content {
margin-top: var(--proton-tab-block-margin);
margin-top: var(--tab-block-margin);
}
.tab-stack {
@ -332,7 +332,11 @@
/* New tab button - Looks like tab ******************************************/
#tabs-newtab-button {
margin: var(--tab-block-margin) 0px 0px !important; /* Original: 0 0 var(--tabs-navbar-shadow-size) !important */
/* Original:
margin: 0 0 var(--tabs-navbar-shadow-size) !important
=> Can't ovrride style. Therefore, we should approach it by bypass.
*/
transform: translateY(var(--tab-block-margin));
}
#tabs-newtab-button > .toolbarbutton-icon {
@ -349,7 +353,7 @@
--newtab-position: calc((var(--tab-corner-rounding) / 2) * -1);
background-image: url("./icons/tab-bottom-corner-left.svg"), url("./icons/tab-bottom-corner-right.svg");
background-repeat: no-repeat;
background-position: left var(--newtab-position) bottom, right var(--newtab-position) bottom;
background-position: left var(--newtab-position) bottom var(--tabs-navbar-shadow-size), right var(--newtab-position) bottom var(--tabs-navbar-shadow-size);
background-size: var(--tab-corner-rounding);
}