diff options
| author | Ofer Lehr <ofer@oferlehr.com> | 2014-12-06 01:42:55 +0200 |
|---|---|---|
| committer | Ofer Lehr <ofer@oferlehr.com> | 2014-12-06 01:42:55 +0200 |
| commit | 296ff36fb375c1de1de32e9c0a9a23f949f79267 (patch) | |
| tree | 2a73990510a9cac2597be21dced183c66e2be2d0 /res/css/partials/input-bar.scss | |
| parent | 37aa73b88961f6188d6608dd32eee32080d6c409 (diff) | |
nicer looking autocomplete
added a class to the items inside the suggestion box so we could style
them.
Diffstat (limited to 'res/css/partials/input-bar.scss')
| -rw-r--r-- | res/css/partials/input-bar.scss | 20 |
1 files changed, 19 insertions, 1 deletions
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{ |