search

PolymerElements / paper-tabs

Material Design tabs
https://www.webcomponents.org/element/PolymerElements/paper-tabs
65 stars 52 forks source link

Line that shows which tab is active is hidden by background color #220

Closed boguz closed 6 years ago

boguz commented 6 years ago

Description

The bottom line that shows which tab is active is partially hidden when the tab has a hover state with different color (background color, i think). I noticed that on Safari and Firefox the line is completly covered, but on Chrome we can see a couple of pixels.

Expected outcome

i think it would be nice to always see the indicator line

Actual outcome

The line gets almost fully covered by the hover (background color)

Live Demo

CodeLabs Polymer Summit

Steps to reproduce

I have noticed it on the Codelabs Polymer Summit Page:

  1. Go to CodeLabs Polymer Summit
  2. Hover the Tabs ("A-Z", "Recent", "Duration")
  3. See what happens to the little line that tells you which tab is active

Browsers Affected

boguz commented 6 years ago

this has been here for over half a year and no one has said anything, so i'll just assume that this is the way it was designed to be! ;)