diff --git a/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js b/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js index 8d58c40..9dc075e 100644 --- a/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js +++ b/src/Bonsai/Areas/Admin/Scripts/page-editor-autocomplete.js @@ -154,10 +154,12 @@ function renderElem(idx) { var isActive = idx === resultIdx; - var text = results[idx].title; + var elem = results[idx]; - var $elem = $('
').addClass('eac-popup-item clickable') - .text(text); + var $elem = $('
').addClass('eac-popup-item clickable'); + if(elem.mainPhotoPath) + $elem.append($('').prop('src', elem.mainPhotoPath).addClass('eac-popup-icon')); + $elem.append($('').text(elem.title)); if (isActive) $elem.addClass('active'); diff --git a/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss b/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss index 8efded9..6c704e7 100644 --- a/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss +++ b/src/Bonsai/Areas/Common/Styles/Components/admin/autocomplete.scss @@ -3,6 +3,7 @@ position: absolute; border: 1px #d4d4d4 solid; border-radius: 4px; + background: #ffffff; z-index: 100; .eac-popup-item { @@ -18,6 +19,12 @@ &:not(:last-child) { border-bottom: 1px #aaa solid; } + + .eac-popup-icon { + width: 24px; + height: 24px; + margin-right: 8px; + } } .eac-popup-empty {