Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

stacked progress bars fail with bootstrap 3.2.0 #2511

Closed
jnizet opened this issue Jul 24, 2014 · 4 comments
Closed

stacked progress bars fail with bootstrap 3.2.0 #2511

jnizet opened this issue Jul 24, 2014 · 4 comments

Comments

@jnizet
Copy link

jnizet commented Jul 24, 2014

Bootstrap 3.2.0 has introduced a new CSS rule, which sets the min-width of progress bars with an aria-valuenow attribute of "0", "1" or "2" to 30px.
This causes stacked progress bars generated by angular-ui-bootstrap to fail when one of the not-last bar has one of these values (because the last progress bar goes down).

Here's a plunkr demonstrating it: http://plnkr.co/edit/kqrKNDvH8icXUNWycL9I?p=preview

I'm not sure what the best solution is. Maybe this should be mentioned in the documentation. Or the aria-valuenow attribute could be omitted for stacked bars, or it could be omitted using an additional attribute of the directive.

@chrisirhc
Copy link
Contributor

This looks like an issue with Bootstrap 3.2.0's styles. I don't think it can or should be solved by code in our library.

@Busata
Copy link

Busata commented Dec 17, 2014

I had the same issue (arrived here by google) and can confirm that the last bootstrap version fixed it (v3.3.1)

@rvanbaalen rvanbaalen added this to the 0.14.0 milestone Apr 10, 2015
@rvanbaalen
Copy link
Contributor

Will be fixed when 0.14 lands.

@wesleycho
Copy link
Contributor

Looks like this is still an issue here.

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

Successfully merging a pull request may close this issue.

5 participants