Merge pull request #208 from hlxsites/maxed/cls-2

fix: cls issues on homepage
hlxsites · Oct 13, 2023 · 07b7947 · 07b7947
2 parents 8383458 + ba645f7
commit 07b7947
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 17 deletions.
diff --git a/blocks/hero-search/hero-search.css b/blocks/hero-search/hero-search.css
@@ -6,6 +6,10 @@
   padding: var(--spacing--20) var(--padding--mobile) 0 var(--padding--mobile);
 }
 
+search-bar {
+  margin-top: var(--spacing--7);
+}
+
 .hero-search-wrapper {
   position: relative;
 }

diff --git a/blocks/hero-search/hero-search.js b/blocks/hero-search/hero-search.js
diff --git a/blocks/search-bar/search-bar.js b/blocks/search-bar/search-bar.js
@@ -1,5 +1,5 @@
 /* global Coveo */
-import { getMetadata, loadCSS } from '../../scripts/lib-franklin.js';
+import { getMetadata, loadCSS, readBlockConfig } from '../../scripts/lib-franklin.js';
 
 const TAG_NAME = 'search-bar';
 const COVEO_BUNDLE_VERSION = 'v2.10082';
@@ -296,7 +296,12 @@ export class SearchBar extends HTMLElement {
 }
 
 export default function decorate(block) {
-  block.innerHTML = '<search-bar></search-bar>';
+  console.log('decorate search-bar: ', block);
+  const config = readBlockConfig(block);
+  console.log('config: ', config);
+  block.innerHTML = `<search-bar \
+${config['default-option'] ? `default-option="${config['default-option']}"` : ''}\
+${config['default-options'] ? `default-options="${config['default-options']}"` : ''}></search-bar>`;
 }
 
 (async () => {