Style fixes for name dropdown. Closes #281.

impworks · Feb 4, 2024 · c65f249 · c65f249
1 parent 5adfd22
commit c65f249
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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 = $('<div>').addClass('eac-popup-item clickable')
-                                  .text(text);
+            var $elem = $('<div>').addClass('eac-popup-item clickable');
+            if(elem.mainPhotoPath)
+                $elem.append($('<img>').prop('src', elem.mainPhotoPath).addClass('eac-popup-icon'));
+            $elem.append($('<span>').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
@@ -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 {