aboutsummaryrefslogtreecommitdiffstats
path: root/components/autocomplete/_autocomplete.scss
diff options
context:
space:
mode:
authorIsrael Lavi <israel.lavi@intl.att.com>2018-08-07 11:36:58 +0300
committerIsrael Lavi <il0695@att.com>2018-08-07 11:48:04 +0300
commit75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc (patch)
treeb1412c3c7616b07852c941fd21fc9836f2d43e86 /components/autocomplete/_autocomplete.scss
parent57a7853903df631a2031b5b57ce4d131364006f6 (diff)
Initial commit
Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53 Issue-ID: SDC-1609 Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/autocomplete/_autocomplete.scss')
-rw-r--r--components/autocomplete/_autocomplete.scss43
1 files changed, 43 insertions, 0 deletions
diff --git a/components/autocomplete/_autocomplete.scss b/components/autocomplete/_autocomplete.scss
new file mode 100644
index 0000000..7275156
--- /dev/null
+++ b/components/autocomplete/_autocomplete.scss
@@ -0,0 +1,43 @@
+.sdc-autocomplete-container{
+ position: relative;
+
+ &.results-shown{
+ .sdc-input__input{
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+
+ ul.autocomplete-results {
+ opacity: 0;
+ border: solid 1px $blue;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-top:none;
+ background-color: $white;
+ max-height: 200px;
+ box-shadow: 0 3px 7px -3px $dark-gray;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ position: absolute;
+ box-sizing: border-box;
+ width: 100%;
+ left: 0;
+ top: 100%;
+
+ li {
+ color:$text-black;
+ text-indent: 10px;
+ line-height: 30px;
+ cursor:pointer;
+ @include body-1;
+
+ &:hover {
+ background-color: $lighter-blue;
+ color: $blue;
+ }
+ }
+
+ }
+
+ }