diff --git a/README.md b/README.md index 0ee04b0..c900956 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,13 @@ typeahead.js-bootstrap.css ========================== -DEPRECATED + - Updated to follow [CSS class name changes][1] in typeahead v0.10.0 + - Applied [the overlay bug][2] -This project is no longer being maintained. +Supports [typeahead v0.10.0][3] and [bootstrap v3.1.0][4] + + +[1]: https://github.com/twitter/typeahead.js/commit/6809173331aaa2bc198a69ba95f78f50e1fa6f34 +[2]: http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/ +[3]: https://github.com/twitter/typeahead.js/releases +[4]: https://github.com/twbs/bootstrap/releases diff --git a/typeahead.js-bootstrap.css b/typeahead.js-bootstrap.css index e44b673..e81bf21 100644 --- a/typeahead.js-bootstrap.css +++ b/typeahead.js-bootstrap.css @@ -3,6 +3,30 @@ margin-bottom: 0; } +.twitter-typeahead .tt-hint { + display: block; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius:4px; +} +.twitter-typeahead .hint-small { + height: 30px; + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + line-height: 1.5; +} +.twitter-typeahead .hint-large { + height: 45px; + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; + line-height: 1.33; +} + .tt-dropdown-menu { min-width: 160px; margin-top: 2px; @@ -28,7 +52,7 @@ padding: 3px 20px; } -.tt-suggestion.tt-is-under-cursor { +.tt-suggestion.tt-cursor { color: #fff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); @@ -40,7 +64,7 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } -.tt-suggestion.tt-is-under-cursor a { +.tt-suggestion.tt-cursor a { color: #fff; } diff --git a/typeahead.js-bootstrap.less b/typeahead.js-bootstrap.less index ecdcdaf..55b76b5 100644 --- a/typeahead.js-bootstrap.less +++ b/typeahead.js-bootstrap.less @@ -19,12 +19,12 @@ padding: 3px 20px; } -.tt-suggestion.tt-is-under-cursor { +.tt-suggestion.tt-cursor { color: @dropdownLinkColorHover; #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%)); } -.tt-suggestion.tt-is-under-cursor a { +.tt-suggestion.tt-cursor a { color: @dropdownBackground; }