diff --git a/frontend/app/gallery/gallery.service.ts b/frontend/app/gallery/gallery.service.ts index 808d0b31..7c1240a3 100644 --- a/frontend/app/gallery/gallery.service.ts +++ b/frontend/app/gallery/gallery.service.ts @@ -34,6 +34,7 @@ export class GalleryService { //TODO: cache public search(text:string):Promise> { + clearTimeout(this.searchId); if (text === null || text === '') { return Promise.resolve(new Message(null, null)); } diff --git a/frontend/app/gallery/search/search.gallery.component.css b/frontend/app/gallery/search/search.gallery.component.css index e35e7243..27225b57 100644 --- a/frontend/app/gallery/search/search.gallery.component.css +++ b/frontend/app/gallery/search/search.gallery.component.css @@ -7,10 +7,21 @@ border: 1px solid #ccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; - padding:12px; + padding-left: 3px; + padding-right: 3px; + padding-top: 5px; + padding-bottom: 5px; } .autocomplete-item{ + cursor: pointer; + padding-left: 3px; + padding-right: 3px; + border-radius: 2px; +} + +.autocomplete-item:hover { + background-color: #eaeaea; } #srch-term { diff --git a/frontend/app/gallery/search/search.gallery.component.html b/frontend/app/gallery/search/search.gallery.component.html index d66d3c97..aa09f019 100644 --- a/frontend/app/gallery/search/search.gallery.component.html +++ b/frontend/app/gallery/search/search.gallery.component.html @@ -2,11 +2,12 @@