wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-31 03:27:31 +09:00
Code Issues Projects Releases Packages Wiki Activity

Create a 1px overlap between tab center and start/end backgrounds.

Browse source 
This visual overlap prevents gaps due to rounding of pixel borders when rounded tab "borders" are exactly flush.
This resolves #268.
This commit is contained in:
wolfbeast 2018-04-29 15:45:50 +02:00 • committed by Roy Tam
commit a0aca802af
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
browser/themes/shared/tabs.inc.css
View file

@ -55,8 +55,9 @@
.tab-background-middle { .tab-background-middle {
-moz-box-flex: 1; -moz-box-flex: 1;
background-clip: padding-box; background-clip: padding-box;
border-left: @tabCurveHalfWidth@ solid transparent; /* Deliberately create a 1px overlap left/right to cover rounding gaps */
border-right: @tabCurveHalfWidth@ solid transparent; border-left: calc(@tabCurveHalfWidth@ - 1px) solid transparent;
border-right: calc(@tabCurveHalfWidth@ - 1px) solid transparent;
margin: 0 -@tabCurveHalfWidth@; margin: 0 -@tabCurveHalfWidth@;
} }