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 b65cb57..fc15371 100644 (file)
--- a/resources/scss/tier-support/_search.scss
+++ b/resources/scss/tier-support/_search.scss
@@ -2,8 +2,8 @@
  * ============LICENSE_START=======================================================
  * org.onap.aai
  * ================================================================================
- * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
- * Copyright © 2017 Amdocs
+ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
+ * Copyright © 2017-2018 Amdocs
  * ================================================================================
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,10 +17,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * ============LICENSE_END=========================================================
- *
- * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
-
 .auto-complete-search {
   display: inline-block;
   vertical-align: text-bottom;
@@ -31,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 {
@@ -46,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;
 }
@@ -56,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;
@@ -100,7 +116,6 @@
   width: 655px;
   height: 30px;
   display: inline-block;
-  padding-top: 10px;
 }
 
 .react-autosuggest__input:focus {
@@ -193,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;
+}