Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdTabs pagination arrows have dissapeared #1464

Closed
WhiteAbeLincoln opened this issue Feb 11, 2015 · 4 comments
Closed

mdTabs pagination arrows have dissapeared #1464

WhiteAbeLincoln opened this issue Feb 11, 2015 · 4 comments
Assignees
Milestone

Comments

@WhiteAbeLincoln
Copy link

Just as the title says, with the latest commit (bbbec18) the ui changed, and actually uses the accent color now, but the pagination arrows have disappeared, which is a very bad thing.

mdtabs issue

As you can see in the picture, there are no pagination arrows, which on smaller screens, leads the user to think there are only 5 tabs, when in fact there are 10. The buttons are still there, and can be clicked, but there is no icon to indicate that. Occurs on Firefox 35.0.1, Chrome 41 beta, and Chrome Mobile version 40, which makes me think it isn't a browser thing.

@WhiteAbeLincoln
Copy link
Author

It looks like the issue is that the css rule for .md-paginator.md-next and .md-paginator.md-prev (line 6067 in angular-material.css) both use a svg background image that is white, so on a white background, it is not visible.

@ThomasBurleson
Copy link
Contributor

@WhiteAbeLincoln - We are aware of this and fixing it right now.

marcysutton pushed a commit that referenced this issue Feb 11, 2015
marcysutton pushed a commit that referenced this issue Feb 11, 2015
@ajoslin ajoslin added the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label Feb 11, 2015
marcysutton pushed a commit that referenced this issue Feb 11, 2015
@marcysutton marcysutton added this to the 0.8.0-rc1 milestone Feb 11, 2015
marcysutton pushed a commit that referenced this issue Feb 11, 2015
@ajoslin ajoslin removed the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label Feb 11, 2015
@PaulMougel
Copy link
Contributor

This is still an issue when using class="md-primary" for tabs. The arrows are using the primary color, and become invisible. See for instance this pen, which has 6 tabs: http://codepen.io/PaulMougel/pen/PwRbgQ

@matheusdavidson
Copy link

This is still an issue, it shows on desktop but not on iphone:
any ideias on how to fix this @ThomasBurleson ?

11136952_10203715756749885_1045656023_n

seta

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants