Added scrollbar and more options in typeahead (#595)

* fixed typeahead to fit style rules * change limit to 500
HospitalRun · Jul 19, 2016 · ab737ff · ab737ff
1 parent fda836f
commit ab737ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/app/components/type-ahead.js b/app/components/type-ahead.js
@@ -45,6 +45,7 @@ export default InputComponent.extend({
   hint: true,
   highlight: true,
   lastHint: null,
+  limit: 500,
   minlength: 1,
   selectedItem: false,
   inputElement: null,
@@ -73,6 +74,7 @@ export default InputComponent.extend({
       minLength: this.get('minlength')
     }, {
       displayKey: this.get('displayKey'),
+      limit: this.get('limit'),
       source: this._getSource(),
       templates: this.get('templates')
     });

diff --git a/app/styles/_temp_misc.scss b/app/styles/_temp_misc.scss
@@ -21,6 +21,9 @@ $table-header-color: rgba($navy_drk2,.7);
   padding: 5px 0;
   width: 100%;
   min-width: 160px;
+  max-height: 110px;
+  overflow-y: scroll;
+  overflow-x: none;
 
   .query-results { margin-bottom: 0; }
 }