1424992 - Intersection of full-height tab separators and the toolbar bottom border gets double opacity

Status: RESOLVED WORKSFORME

(Firefox :: Theme, defect, P3)

Description

[Dão Gottwald [:dao]]

+++ This bug was initially created as a clone of Bug #1388044 +++

In 57.0a1 (2017-08-07), at least on Linux, the current tab gets a solid grey border on the left and right. Other tabs get the same solid grey border on the bottom. The two 1x1 px corners where these borders intersect are a darker grey. It would be nicer if these corners kept the same colors.

I’m guessing that this is two semi-transparent borders that overlap. The darker grey comes from alpha-blending them together.

Indeed, looking around devtools I find .tab-background[selected="true"] { border-color: var(--tabs-border) } which computes to rgba(0, 0, 0, 0.3).

Comment 1

[Dão Gottwald [:dao]]

Attachment: Bug 1424992 - Let tab separators not overlap the nav bar / tab bar border on hover.

Review commit: https://reviewboard.mozilla.org/r/207304/diff/#index_header
See other reviews: https://reviewboard.mozilla.org/r/207304/

Comment 2

[Dão Gottwald [:dao]]

Comment on attachment 8936561 [details]
Bug 1424992 - Let tab separators not overlap the nav bar / tab bar border on hover.

Hmm, this looks slightly off on background tabs when the title bar is dark.

Comment 3

[Sylvestre Ledru [:Sylvestre]]

Moving to p3 because no activity for at least 24 weeks.