diff options
| author | wolfbeast <mcwerewolf@gmail.com> | 2018-04-29 15:45:50 +0200 |
|---|---|---|
| committer | wolfbeast <mcwerewolf@gmail.com> | 2018-04-29 15:45:50 +0200 |
| commit | 32c067857c532bf651e5e6946ec1a67772eb2252 (patch) | |
| tree | e894a400a061d25b6298117b683f8be2b9596723 | |
| parent | 64aec5a353b4eb58e075c01b2d6d948aa142e6ff (diff) | |
| download | UXP-32c067857c532bf651e5e6946ec1a67772eb2252.tar UXP-32c067857c532bf651e5e6946ec1a67772eb2252.tar.gz UXP-32c067857c532bf651e5e6946ec1a67772eb2252.tar.lz UXP-32c067857c532bf651e5e6946ec1a67772eb2252.tar.xz UXP-32c067857c532bf651e5e6946ec1a67772eb2252.zip | |
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.
| -rw-r--r-- | browser/themes/shared/tabs.inc.css | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css index 632a6e606..c505416e4 100644 --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -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@; } |