From 32c067857c532bf651e5e6946ec1a67772eb2252 Mon Sep 17 00:00:00 2001 From: wolfbeast Date: Sun, 29 Apr 2018 15:45:50 +0200 Subject: 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. --- browser/themes/shared/tabs.inc.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'browser/themes/shared') 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@; } -- cgit v1.2.3