From 296ff36fb375c1de1de32e9c0a9a23f949f79267 Mon Sep 17 00:00:00 2001
From: Ofer Lehr <ofer@oferlehr.com>
Date: Sat, 6 Dec 2014 01:42:55 +0200
Subject: nicer looking autocomplete

added a class to the items inside the suggestion box so we could style
them.
---
 res/css/partials/input-bar.scss | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

(limited to 'res/css/partials/input-bar.scss')

diff --git a/res/css/partials/input-bar.scss b/res/css/partials/input-bar.scss
index 4e87c369..1bce345c 100644
--- a/res/css/partials/input-bar.scss
+++ b/res/css/partials/input-bar.scss
@@ -56,11 +56,29 @@
 }
 
 .suggestion{
+  color: $dark-grey;
+  max-height: 580px;
+  overflow-y: scroll;
+  font-size: $h3-size;
   list-style-type: none;
+  width: inherit;
+  position: relative;
+  margin-top: 6px;
+  border: 1px solid $mid-grey;
+  @include rz-box-sizing-border;
+  background: white;
+  // this box should have a shadow but we need a js solution to hide it before its appears  - @include rz-box-shadow(0px, 1px, 6px, 0px, rgba(0,0,0,0.3) );
+}
+
+.suggestion-item {
+  padding: 6px 0px 6px 18px;
 }
 
 .suggestion .selected {
-  color: blue;
+  padding-left: 16px;
+  background-color: $light-grey;
+  border-left: 2px solid $cyan;
+  @include rz-box-sizing-border;
 }
 
 .suggestion td{
-- 
cgit v1.3.1