X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/682dd5b6cc23a455766a7651e3e841257660b31c..e20590d485505f58f7745d74a311ca539c9be940:/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 9560bb7dc8..1f21c39729 100644
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -1,3 +1,7 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
 /*
  * This is a manifest file that'll be compiled into application.css, which will include all the files
  * listed below.
@@ -9,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;
 }
@@ -199,6 +206,10 @@ li.notification {
     padding: 10px;
 }
 
+td.trash-project-msg {
+    white-space: normal;
+}
+
 // See HeaderRowFixer in application.js
 table.table-fixed-header-row {
     width: 100%;
@@ -219,6 +230,10 @@ table.table-fixed-header-row tbody {
     overflow-y: auto;
 }
 
+.dropdown-menu a {
+    cursor: pointer;
+}
+
 .row-fill-height, .row-fill-height>div[class*='col-'] {
     display: flex;
 }
@@ -308,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;
+}