diff --git a/es-bs-base/scss/_nav.scss b/es-bs-base/scss/_nav.scss
index 1abd4b15f..869ae351c 100644
--- a/es-bs-base/scss/_nav.scss
+++ b/es-bs-base/scss/_nav.scss
@@ -29,6 +29,17 @@
}
}
+.nav-button {
+ &:hover {
+ background: variables.$blue-50 !important;
+ }
+
+ &:focus,
+ &.focus {
+ border-color: variables.$blue-500;
+ }
+}
+
//
// Tabs
//
diff --git a/es-design-system/layouts/nav.vue b/es-design-system/layouts/nav.vue
index d3a086631..e14d2654f 100644
--- a/es-design-system/layouts/nav.vue
+++ b/es-design-system/layouts/nav.vue
@@ -4,7 +4,8 @@
v-model="searchText"
:account-content="accountContent"
:global-content="globalContent"
- show-search>
+ show-search
+ @searchButtonClicked="searchButtonClicked">
@@ -84,5 +85,11 @@ export default {
return getEsNavBarGlobalContent();
},
},
+ methods: {
+ searchButtonClicked() {
+ /* eslint-disable-next-line no-console */
+ console.log('Searching...');
+ },
+ },
};
diff --git a/es-design-system/package-lock.json b/es-design-system/package-lock.json
index 49c9bf455..47b6b2f6f 100644
--- a/es-design-system/package-lock.json
+++ b/es-design-system/package-lock.json
@@ -2778,9 +2778,9 @@
}
},
"node_modules/@energysage/es-vue-base": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/@energysage/es-vue-base/-/es-vue-base-2.0.6.tgz",
- "integrity": "sha512-cnfD+B7wSTvFODLduKiQlMMuA0cnvB6UtXa9XVicAAID9WhARErxJzjFSmLeNv3LEQxC8plooLGv5AMqRVZxGw==",
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/@energysage/es-vue-base/-/es-vue-base-2.1.0.tgz",
+ "integrity": "sha512-Q+ZKazgbYEkDQGFiZHjX8s8J1dw/qt3BN/bKHUBfzM5eFHVgA4aAasYTZv5pspZ8LH02ZI3nEloAlf9xA5ouxA==",
"dependencies": {
"path": "^0.12.7",
"vue-the-mask": "^0.11.1"
diff --git a/es-vue-base/src/lib-components/EsNavBar.vue b/es-vue-base/src/lib-components/EsNavBar.vue
index c9e91006f..ebf4af318 100644
--- a/es-vue-base/src/lib-components/EsNavBar.vue
+++ b/es-vue-base/src/lib-components/EsNavBar.vue
@@ -105,7 +105,8 @@
class="nav-item d-none d-lg-block pt-100">
+ v-on="$listeners"
+ @searchButtonClicked="searchButtonClicked">
@@ -452,6 +455,9 @@ export default {
toggleSearchBar() {
this.searchBarOpen = !this.searchBarOpen;
},
+ searchButtonClicked() {
+ this.$emit('searchButtonClicked');
+ },
},
};
diff --git a/es-vue-base/src/lib-components/EsNavBarSearchBar.vue b/es-vue-base/src/lib-components/EsNavBarSearchBar.vue
index 01caa4385..5bac98262 100644
--- a/es-vue-base/src/lib-components/EsNavBarSearchBar.vue
+++ b/es-vue-base/src/lib-components/EsNavBarSearchBar.vue
@@ -12,7 +12,9 @@
-
+
{{ buttonText }}
@@ -21,9 +23,17 @@