Feat/property search improvements

.eslintrc.js → .eslintrc.cjs

@@ -17,5 +17,7 @@ module.exports = {
     'import/extensions': ['error', {
       js: 'always',
     }],
+    'max-len': ['error', { "code": 200 }],
+    'function-paren-newline': 'off',
   },
 };

.github/workflows/run-tests.yaml

@@ -13,5 +13,6 @@ jobs:
         node-version: '16' #required for npm 8 or later.
     - run: npm install
     - run: npm run lint
+    - run: npm test
       env:
         CI: true

.mocharc.json

@@ -0,0 +1,3 @@
+{
+  "recursive": true
+}

blocks/agent-search/builders/tags.js

@@ -28,6 +28,7 @@ export const addSelectionTag = (wrapper, filter, value) => {
   `;
   wrapper.querySelector('.selection-tags-list').append(li);
 };
+
 /**
  * Builds the Container for the search bar selections.
  *

blocks/header/header.css

@@ -23,7 +23,7 @@ body.light-nav {
       / 1fr min-content;
   align-items: start;
   overflow-y: scroll;
-  z-index: 50;
+  z-index: 1000;
 }
 
 .header.block nav[aria-expanded="true"] {
@@ -259,6 +259,7 @@ body.light-nav {
 }
 
 .header.block nav .nav-hamburger .open {
+  display: block;
   position: absolute;
   top: 0;
   left: 0;
@@ -444,7 +445,7 @@ body.light-nav {
     right: 0;
     height: 5px;
     background-color: var(--white);
-    z-index: 10;
+    z-index: 1010;
   }
 
   .header.block nav[aria-expanded="true"] .nav-sections > ul > li > ul {

blocks/hero/search/agent.css

@@ -13,9 +13,6 @@
 
 .hero.block .agent-search .selection-tags {
   position: absolute;
-}
-
-.hero.block .agent-search .selection-tags {
   padding: 0;
 }
 

blocks/hero/search/home.css

@@ -116,10 +116,16 @@
   right: 0;
 }
 
-.hero.block .content .homes .filters .select-wrapper.open .selected::after {
+.hero.block .content .homes .filters .select-wrapper.open > .selected::after {
   content: '\f0d8';
 }
 
+.hero.block .content .homes .filters .select-wrapper .selected span {
+  font-size: var(--body-font-size-xs);
+  color: var(--input-placeholder);
+}
+
+
 .hero.block .content .homes .filters .select-wrapper .select-items {
   display: none;
   position: absolute;