Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

badge color style (success, warning, danger, info) #9250

Closed
motorcb opened this issue Aug 8, 2013 · 3 comments
Closed

badge color style (success, warning, danger, info) #9250

motorcb opened this issue Aug 8, 2013 · 3 comments
Labels
css

Comments

@motorcb
Copy link

@motorcb motorcb commented Aug 8, 2013

How do I set the color style for badge ????
Don't work: badge-success, badge-warning, badge-danger, badge-info

@cvrebert
Copy link
Member

@cvrebert cvrebert commented Aug 8, 2013

See #6342:

Labels and badges

We have differentiated the labels and badges with v3. The gist is that badges no longer have modifier classes and are purely meant as unread counters.

  • Dropped all modifier variations on badges, making it as neutral as possible, much like those of Mail.app on OS X.
@ProLoser
Copy link

@ProLoser ProLoser commented Dec 28, 2014

@cvrebert there is no way to reconsider this? Or even place the label declarations AFTER badge declarations so that they can take precedence? I wish to change the badge color based on the count. This is not a new or obscure paradigm:

screen shot 2014-12-28 at 2 59 38 pm
screen shot 2014-12-28 at 3 07 28 pm
screen shot 2014-12-28 at 3 10 42 pm
screen shot 2014-12-28 at 3 10 52 pm
screen shot 2014-12-28 at 3 06 48 pm
screen shot 2014-12-28 at 3 07 09 pm
screen shot 2014-12-28 at 2 59 58 pm
screen shot 2014-12-28 at 3 03 34 pm

At the VERY LEAST could you add a .badge-active class or .active alt state or change the background to be $primary or something? Event twitter uses this differentiation of the primary color to bring attention to the badge.

@cvrebert
Copy link
Member

@cvrebert cvrebert commented Dec 28, 2014

Locking for #15450.

@twbs twbs locked and limited conversation to collaborators Dec 28, 2014
@cvrebert cvrebert added the css label Dec 28, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
3 participants
You can’t perform that action at this time.