summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorwolfbeast <mcwerewolf@gmail.com>2018-04-29 15:45:50 +0200
committerwolfbeast <mcwerewolf@gmail.com>2018-04-29 15:45:50 +0200
commit32c067857c532bf651e5e6946ec1a67772eb2252 (patch)
treee894a400a061d25b6298117b683f8be2b9596723
parent64aec5a353b4eb58e075c01b2d6d948aa142e6ff (diff)
downloadUXP-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.css5
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@;
}