mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-06 15:58:39 +09:00
Create a 1px overlap between tab center and start/end backgrounds.
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:
parent
e8dbb561f6
commit
a0aca802af
1 changed files with 3 additions and 2 deletions
|
|
@ -55,8 +55,9 @@
|
|||
.tab-background-middle {
|
||||
-moz-box-flex: 1;
|
||||
background-clip: padding-box;
|
||||
border-left: @tabCurveHalfWidth@ solid transparent;
|
||||
border-right: @tabCurveHalfWidth@ solid transparent;
|
||||
/* Deliberately create a 1px overlap left/right to cover rounding gaps */
|
||||
border-left: calc(@tabCurveHalfWidth@ - 1px) solid transparent;
|
||||
border-right: calc(@tabCurveHalfWidth@ - 1px) solid transparent;
|
||||
margin: 0 -@tabCurveHalfWidth@;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue