harvesthq / chosen

Deprecated - Chosen is a library for making long, unwieldy select boxes more friendly.
http://harvesthq.github.io/chosen/
Other
21.86k stars 4.11k forks source link

Embed and test css for bootstrap3 #2933

Open autoframe opened 6 years ago

autoframe commented 6 years ago
.row .chosen-container-single a.chosen-single,
.row .chosen-container-multi ul.chosen-choices{min-height: 34px; padding-top: 4px; padding-left: 1em;}
.row .chosen-container-multi ul.chosen-choices{border: 1px solid #ccc; border-radius: 4px; }
.row .chosen-container b{background-position: 0px 6px !important; }
.row .chosen-with-drop b{background-position: -18px 6px !important; }

.input-group>div.chosen-container-single:not(:last-child) a.chosen-single,
.input-group>div.chosen-container-multi:not(:last-child) ul.chosen-choices{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group>div.chosen-container-single:not(:nth-child(2)) a.chosen-single,
.input-group>div.chosen-container-multi:not(:nth-child(2)) ul.chosen-choices{ /* the original select will be the first-child regardless so not first visible */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

test html:

image image

vikramkhalsa commented 6 years ago

Looks good, thanks.. But you probably also want to get rid of the gradient style as it doesn't really match bootstrap.