Fix: Update typeahead front end component CSS

overlookmotel · Sep 25, 2016 · b46b895 · b46b895
1 parent 964adba
commit b46b895
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 18 deletions.
diff --git a/changelog.md b/changelog.md
@@ -683,3 +683,4 @@ No changes. Erroneous version bump.
 
 * HTML editor form fields using `trumbowyg`
 * Field format for HTML
+* Fix: Update `typeahead` front end component CSS
diff --git a/defaults/public/css/overlook/css/typeahead.css b/defaults/public/css/overlook/css/typeahead.css
@@ -46,13 +46,11 @@
 .input-group .twitter-typeahead:first-child .tt-hint {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
-  width: 100%;
 }
 .input-group .twitter-typeahead:last-child .tt-input,
 .input-group .twitter-typeahead:last-child .tt-hint {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
-  width: 100%;
 }
 .input-group.input-group-sm .twitter-typeahead .tt-input,
 .input-group.input-group-sm .twitter-typeahead .tt-hint {
@@ -130,10 +128,10 @@ select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
 }
 .twitter-typeahead {
   width: 100%;
-  float: left;
 }
 .input-group .twitter-typeahead {
   display: table-cell !important;
+  float: left;
 }
 .twitter-typeahead .tt-hint {
   color: #999999;
@@ -147,8 +145,7 @@ fieldset[disabled] .twitter-typeahead .tt-input {
   cursor: not-allowed;
   background-color: #eeeeee !important;
 }
-.tt-dropdown-menu,
-.tt-menu {
+.tt-dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
@@ -169,32 +166,24 @@ fieldset[disabled] .twitter-typeahead .tt-input {
   *border-right-width: 2px;
   *border-bottom-width: 2px;
 }
-.tt-dropdown-menu .tt-suggestion,
-.tt-menu .tt-suggestion {
+.tt-dropdown-menu .tt-suggestion {
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
   color: #333333;
+  white-space: nowrap;
 }
-.tt-dropdown-menu .tt-suggestion.tt-cursor,
-.tt-menu .tt-suggestion.tt-cursor,
-.tt-dropdown-menu .tt-suggestion:hover,
-.tt-menu .tt-suggestion:hover {
-  cursor: pointer;
+.tt-dropdown-menu .tt-suggestion.tt-cursor {
   text-decoration: none;
   outline: 0;
   background-color: #f5f5f5;
   color: #262626;
 }
-.tt-dropdown-menu .tt-suggestion.tt-cursor a,
-.tt-menu .tt-suggestion.tt-cursor a,
-.tt-dropdown-menu .tt-suggestion:hover a,
-.tt-menu .tt-suggestion:hover a {
+.tt-dropdown-menu .tt-suggestion.tt-cursor a {
   color: #262626;
 }
-.tt-dropdown-menu .tt-suggestion p,
-.tt-menu .tt-suggestion p {
+.tt-dropdown-menu .tt-suggestion p {
   margin: 0;
 }