From 75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Tue, 7 Aug 2018 11:36:58 +0300
Subject: Initial commit

Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53
Issue-ID: SDC-1609
Signed-off-by: Israel Lavi <il0695@att.com>
---
 components/search-bar/_search-bar.scss | 61 ++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 components/search-bar/_search-bar.scss

(limited to 'components/search-bar/_search-bar.scss')

diff --git a/components/search-bar/_search-bar.scss b/components/search-bar/_search-bar.scss
new file mode 100644
index 0000000..3e2dfad
--- /dev/null
+++ b/components/search-bar/_search-bar.scss
@@ -0,0 +1,61 @@
+$inputHeight: 38px;
+.sdc-search-bar{
+  .search-bar-container{
+    display: flex;
+    align-items: flex-end;
+    .sdc-input-wrapper{
+      flex-grow: 1;
+      .sdc-input{
+        margin: 0;
+        .sdc-input__input{
+          border-bottom-right-radius: 0;
+          border-top-right-radius: 0;
+        }
+      }
+    }
+    .search-button{
+      width: $inputHeight;
+      height: $inputHeight - 2;
+      border: solid 1px $light-gray;
+      border-left: none;
+      background-color: $light-silver;
+      cursor: auto;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
+      
+      svg{
+        height: 20px;
+        width: 20px;
+        position: relative;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50% );
+        path{
+          fill: $gray;
+        }
+      }
+    }
+
+    &.not-empty{
+      .sdc-input__input {
+        border-color: $blue;
+      }
+      .search-button{
+        background-color: $lighter-blue;
+        border-color: $blue;
+        cursor: pointer;
+        svg path{
+          fill: $blue;
+        }
+        &:hover {
+            background-color: $light-blue;
+            svg{
+              path{
+                fill: $white;
+              }
+            }
+        }
+      }
+    }
+  }
+}
-- 
cgit