X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/f8067ef415fd66a92f9a0e957e8384445af92a6a..2e1f0679f116ac77e74dfdc8b1af18f3a633b143:/apps/workbench/app/assets/stylesheets/application.css.scss

diff --git a/apps/workbench/app/assets/stylesheets/application.css.scss b/apps/workbench/app/assets/stylesheets/application.css.scss
index 32d80255d9..1f21c39729 100644
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -13,12 +13,15 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require bootstrap
  *= require bootstrap3-editable/bootstrap-editable
  *= require morris
+ *= require awesomplete
  *= require_tree .
  */
 
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
 .contain-align-left {
     text-align: left;
 }
@@ -320,3 +323,33 @@ ul.nav.nav-tabs {
 {
     width: 98%!important;
 }
+
+/* Needed for awesomplete to play nice with bootstrap */
+div.awesomplete {
+    display: block;
+}
+/* Makes awesomplete listings to be scrollable */
+.awesomplete > ul {
+    max-height: 410px;
+    overflow-y: auto;
+}
+
+.dropdown-menu > li > form > button {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: normal;
+    line-height: 1.428571429;
+    color: #333333;
+    white-space: nowrap;
+    cursor: pointer;
+    text-decoration: none;
+    background: transparent;
+    border-style: none;
+}
+
+.dropdown-menu > li > form > button:hover {
+    text-decoration: none;
+    color: #262626;
+    background-color: #f5f5f5;
+}