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

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

View file

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