From 08d4e91abc796ac47a77498776b2762d6476a49f Mon Sep 17 00:00:00 2001 From: Calvin Jeong Date: Thu, 6 Feb 2014 16:34:28 +1300 Subject: [PATCH 1/5] Following changes in typeahead 0.10 The class name `tt-is-under-cursor` is renamed as `tt-cursor`. --- typeahead.js-bootstrap.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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; } From 676f732ef332d512808f65e4d94afa533b7dab9c Mon Sep 17 00:00:00 2001 From: Calvin Jeong Date: Thu, 6 Feb 2014 16:37:39 +1300 Subject: [PATCH 2/5] Following changes in typeahead v0.10 The class name `tt-is-under-cursor` is renamed as `tt-cursor`. See https://github.com/twitter/typeahead.js/commit/6809173331aaa2bc198a69ba95f78f50e1fa6f34 for more information. --- typeahead.js-bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/typeahead.js-bootstrap.css b/typeahead.js-bootstrap.css index e44b673..bdf783e 100644 --- a/typeahead.js-bootstrap.css +++ b/typeahead.js-bootstrap.css @@ -28,7 +28,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 +40,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; } From fadd88d55218e291b36dbfaf4c429cd22af807bc Mon Sep 17 00:00:00 2001 From: Calvin Jeong Date: Thu, 6 Feb 2014 16:38:47 +1300 Subject: [PATCH 3/5] Resolving overlay bug As per http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/ --- typeahead.js-bootstrap.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/typeahead.js-bootstrap.css b/typeahead.js-bootstrap.css index bdf783e..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; From 3ee60cb04aa5b85bb24ab161a1d07240a77a85a0 Mon Sep 17 00:00:00 2001 From: Calvin Jeong Date: Thu, 6 Feb 2014 16:44:15 +1300 Subject: [PATCH 4/5] Update README.md --- README.md | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 0ee04b0..05b1e7f 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] and [bootstrap v3.1.0] + + +[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 From 84ba955ec93657a7b3c69ad42d51857e884cf46b Mon Sep 17 00:00:00 2001 From: Calvin Jeong Date: Thu, 6 Feb 2014 16:44:29 +1300 Subject: [PATCH 5/5] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 05b1e7f..c900956 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ typeahead.js-bootstrap.css - Updated to follow [CSS class name changes][1] in typeahead v0.10.0 - Applied [the overlay bug][2] -Supports [typeahead v0.10.0] and [bootstrap v3.1.0] +Supports [typeahead v0.10.0][3] and [bootstrap v3.1.0][4] [1]: https://github.com/twitter/typeahead.js/commit/6809173331aaa2bc198a69ba95f78f50e1fa6f34