Adjusted the city text and styling

hlxsites · Jan 19, 2024 · bf1aed3 · bf1aed3
1 parent 6d8ed43
commit bf1aed3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/blocks/look-ahead-list/look-ahead-list.css b/blocks/look-ahead-list/look-ahead-list.css
@@ -4,6 +4,10 @@
   align-items: center;
 }
 
+.section.look-ahead-list-container.community-directory-container .look-ahead-list {
+  margin-bottom: 15px;
+}
+
 .look-ahead-list-container > .default-content-wrapper {
   text-align: center;
 }
@@ -69,7 +73,7 @@
   width: 100%;
   overflow-y: auto;
   top: 39px;
-  z-index: 1;
+  z-index: 2;
 }
 
 /* Style for the dropdown options */

diff --git a/blocks/look-ahead-list/look-ahead-list.js b/blocks/look-ahead-list/look-ahead-list.js
@@ -77,6 +77,8 @@ export default async function decorate(block) {
     const listItem = document.createElement('a');
     listItem.href = community.path;
     listItem.innerText = `${communityName.split(',')[0]} (${communityName})`;
+    if (config.text && config.text.toUpperCase() === 'CITY')
+      listItem.innerText = `${communityName.split(',')[0]}`;
     dropContent.append(listItem);
   });
   list.append(dropContent);