hero-banner-updates: style updates to hero banner and property search #217

schooolman · 2024-04-18T17:56:52Z

Addressing the styling updates to the hero banner and container search bar to match new site designs.

Test URLs:

aem-code-sync · 2024-04-18T17:56:55Z

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

Re-run PSI checks
Re-sync branch

Commits

d098a28 ✅ (latest)
5a3c26d ✅
93b826f ✅
6292f41 ✅

aem-code-sync · 2024-04-18T17:57:23Z

Page	Scores	Audits	Google
/

bstopp · 2024-04-22T15:01:06Z

blocks/hero/search/home.js

@@ -81,7 +81,11 @@ async function buildForm() {
        </div>
      </div>
      <button class="filter" type="button" aria-label="More Filters" aria-haspopup="true">
-        <span class="icon icon-filter"></span>
+        <span class="icon icon-filter">


You have to be careful with this - the icon keyword in a span will auto-fill the children with a reference to an SVG icon. if you want to use a literal, you need to remove/change these class names.

or replcae the filter.svg icon file with the contents of the added sprite, and remove all children nodes here.

see the decorateIcons function link