14988: Fixes bootstrap import issue

[arvados.git] / 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 c80376434cbcfc575649e08d18a3a73f94e5617e..1f21c397293927ca1eb4e0fcf6dde2fbedc78cd5 100644 (file)
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -13,13 +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;
 }
@@ -325,4 +327,29 @@ ul.nav.nav-tabs {
 /* Needed for awesomplete to play nice with bootstrap */
 div.awesomplete {
     display: block;
-}
\ No newline at end of file
+}
+/* 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;
+}