766141 - IOS "Popular" and "New" tab layout issue

Status: RESOLVED WONTFIX

(Marketplace Graveyard :: General, defect, P4)

Description

[David Walsh :davidwalsh]

Attachment: Improvement

The "Popular" and "New" tabs look bad within webkit browsers on IOS and my Galaxy3. (Image attached)

This doesn't completely fix the issue, but improves it:

.tabnav span::after {
   -webkit-mask-box-image: url(#tabMaskEnd);
}

Image attached of what the "improvement" is.

The other option is doing a bunch of work to add "border-top-right-radius", negative "left", and a bunch of other styles to attempt to duplicate the effect in webkit.

Comment 1

[David Walsh :davidwalsh]

Attachment: Problem

Comment 2

[David Walsh :davidwalsh]

I would submit a PR, but I don't have enough know-how to get a bunch of apps into my local VM.  THus, I don't want to send a PR I've not tested completely.

Comment 3

[Christopher Van Wiemeersch [:cvan]]

There's a similar weird bug that I've seen on Firefox too: bug 764619

Comment 4

[Potch [:potch]]

This fix improves things greatly- thanks!

https://github.com/mozilla/zamboni/commit/e0ecaf2

Comment 5

[krupa raj[:krupa]]

This doesn't fix the tab issue on iphone. See screenshot for reopening.

Comment 6

[krupa raj[:krupa]]

Attachment: screenshot for reopening

Comment 7

[Christopher Van Wiemeersch [:cvan]]

The tabs are going away in the new homepage design. Coming soon!