Updated Sparky to add ECOMP functionality Browse, Specialized Search, BYOQ, and the...

[aai/sparky-fe.git] / resources / scss / tier-support / _search.scss

diff --git a/resources/scss/tier-support/_search.scss b/resources/scss/tier-support/_search.scss
index 892d303..fc15371 100644 (file)
--- a/resources/scss/tier-support/_search.scss
+++ b/resources/scss/tier-support/_search.scss
@@ -28,8 +28,9 @@
 }
 
 .auto-complete-search-button-group {
-  position: absolute !important;
-  padding-top: 3px;
+  position: inherit !important;
+  display: inline-block !important;
+  vertical-align: bottom !important;
 }
 
 .auto-complete-search input.form-control {
@@ -43,6 +44,13 @@
   border: solid 1px $search-border-color1;
 }
 
+.auto-complete-help-button, .auto-complete-help-button:focus {
+  background-color: $white;
+  width: 45px;
+  height: 30px;
+  border: solid 1px $search-border-color1;
+}
+
 .auto-complete-search button:hover {
   background-color: $search-background-color1;
 }
@@ -53,11 +61,22 @@
   background-color: $search-button-background-color;
 }
 
+.auto-complete-search .fa-question-circle {
+  font-size: 1em;
+  line-height: 1em;
+  background-color: $white;
+}
+
 .auto-complete-search button:hover .fa-search {
   color: $primary-background-color;
   background-color: $search-background-color1;
 }
 
+.auto-complete-search button:hover .fa-question-circle {
+  color: $primary-background-color;
+  background-color: $search-background-color1;
+}
+
 .auto-complete-search .btn-group .auto-complete-clear-button {
   border: none;
   margin-left: -35px !important;
@@ -189,3 +208,12 @@
   background-color:inherit;
   padding: 0px;
 }
+
+.modal-searchable {
+  height: 500px !important;
+  margin: 15px 0;
+  overflow-y: scroll;
+}
+.modal-searchable:hover {
+  overflow-y: scroll;
+}