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

Chosen with bootstrap, styles a bit goofy #1263

Closed
nodesocket opened this issue Jun 6, 2013 · 2 comments
Closed

Chosen with bootstrap, styles a bit goofy #1263

nodesocket opened this issue Jun 6, 2013 · 2 comments
Labels

Comments

@nodesocket
Copy link

Using Chosen with Twitter Bootstrap, and you'll notice the filter text area is not the proper height, and the arrow up and down is not centered in the select element.

screen shot 2013-06-05 at 11 46 37 pm

0084a19e-ce79-11e2-9437-4ad5cafdc02c

@tjschuck
Copy link
Member

From duplicate ticket #1290:

screen shot 2013-06-19 at 10 49 21 pm

Proof in the jsfiddle (http://jsfiddle.net/QwxTD/1/). Notice that the filter box is too small, icons not positioned correctly, and in the multi-select the X icon is off the badge.

Using Bootstrap version v2.3.1
Chosen version: v0.10.0

@pfiller
Copy link
Contributor

pfiller commented Jul 26, 2013

If you update the fiddle cited above to use Chosen 0.14.0's styles, it looks and works great. I believe the CSS updates we've introduced in that version make working with Chosen and Bootstrap (and other CSS frameworks) much easier. Styles are no longer "goofy".

@pfiller pfiller closed this as completed Jul 26, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants