jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #639 from Safelite/SSR-1201-update-logo-with-new-brand-image

Browse source 
Replace logo with new brand image and size to match FMG NextGen.
This commit is contained in:
bmauger 2024-04-25 09:16:37 -04:00 committed by GitHub
commit 63219c7776
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 33 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/iss-components/site-header/site-header.vue
View file

@ -28,7 +28,7 @@ import { useMainStore } from '@/store';
import eventBus from '@/helpers/event-bus/event-bus'; import eventBus from '@/helpers/event-bus/event-bus';
import { globalEvents } from '@/constants/events'; import { globalEvents } from '@/constants/events';
export default ({ export default {
name: 'site-header', name: 'site-header',
components: { components: {
menuModal, menuModal,
@ -58,7 +58,9 @@ export default ({
}, },
logoBackgroundStyle() { logoBackgroundStyle() {
return { return {
'background-color': this.cmsClientHeader ? this.cmsClientHeader.hexCode : '#FFFFFF' 'background-color': this.cmsClientHeader
? this.cmsClientHeader.hexCode
: '#FFFFFF'
}; };
} }
}, },
@ -78,22 +80,38 @@ export default ({
// load client customization overrides // load client customization overrides
const clientOverrideClass = this.mainStore.issConfig.styleSheet.trim(); const clientOverrideClass = this.mainStore.issConfig.styleSheet.trim();
if (clientOverrideClass if (
&& clientOverrideClass !== '' clientOverrideClass &&
&& !document.getElementsByTagName('body')[0].className.split(' ').includes(clientOverrideClass)) { clientOverrideClass !== '' &&
document.getElementsByTagName('body')[0].className += ` ${clientOverrideClass}`; !document
.getElementsByTagName('body')[0]
.className.split(' ')
.includes(clientOverrideClass)
) {
document.getElementsByTagName(
'body'
)[0].className += ` ${clientOverrideClass}`;
} }
}, },
methods: { methods: {
setupHeader() { setupHeader() {
const overrideCmsHeaderAnswers = this.getCmsContent(this.cmsWidgetName, 'Answers'); const overrideCmsHeaderAnswers = this.getCmsContent(
if (overrideCmsHeaderAnswers && Array.isArray(overrideCmsHeaderAnswers)) { this.cmsWidgetName,
'Answers'
);
if (
overrideCmsHeaderAnswers &&
Array.isArray(overrideCmsHeaderAnswers)
) {
const { parentAccountNumber } = useMainStore().issConfig; const { parentAccountNumber } = useMainStore().issConfig;
let headerOverrideToUse = overrideCmsHeaderAnswers let headerOverrideToUse = overrideCmsHeaderAnswers.find(
.find((answer) => answer.AccountNumber === parentAccountNumber.toString()); (answer) =>
answer.AccountNumber === parentAccountNumber.toString()
);
if (headerOverrideToUse == null) { if (headerOverrideToUse == null) {
headerOverrideToUse = overrideCmsHeaderAnswers headerOverrideToUse = overrideCmsHeaderAnswers.find(
.find((answer) => answer.AccountNumber === '0'); (answer) => answer.AccountNumber === '0'
);
} }
if (headerOverrideToUse) { if (headerOverrideToUse) {
@ -114,7 +132,7 @@ export default ({
} }
} }
} }
}); };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -127,6 +145,7 @@ export default ({
top: 72px; top: 72px;
} }
#siteHeaderImage { #siteHeaderImage {
height: 2.5rem; width: 7.125rem;
height: auto;
} }
</style> </style>