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:
commit
63219c7776
1 changed files with 33 additions and 14 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue