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

Merge branch 'release/2026.06.18' into feature/CASH-2571

Browse source
This commit is contained in:
scottkiener-at-safelite 2026-06-05 10:31:16 -04:00 committed by GitHub
commit 8f45fe7ced
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 54 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/digital-components/date-picker-popup/date-picker-popup.vue
View file

@ -290,4 +290,16 @@ export default {
background-color: #ffc966 !important; background-color: #ffc966 !important;
color: $black; color: $black;
} }
// Enlarge the calendar popup. The menu is teleported to <body>, so these must
// be global rules. VueDatePicker sizes itself via CSS custom properties.
.dp__menu {
--dp-cell-size: 46px;
--dp-cell-padding: 8px;
--dp-font-size: 1.05rem;
--dp-menu-min-width: 320px;
--dp-button-height: 40px;
--dp-month-year-row-height: 40px;
--dp-row-margin: 6px 0;
}
</style> </style>

16
src/fmg-components/funnel-header/funnel-header.vue
View file

@ -1,5 +1,8 @@
<template> <template>
<div class="funnel-header" :class="{ scrolled: isScrolled }" v-if="imageSrc"> <div
class="funnel-header"
:class="{ scrolled: isScrolled, 'has-override-logo': !!overrideImageSrc }"
v-if="imageSrc">
<div class="d-flex w-100"> <div class="d-flex w-100">
<progress-bar :page="$route.name" /> <progress-bar :page="$route.name" />
</div> </div>
@ -183,6 +186,17 @@ export default {
padding: 2rem 0.75rem; padding: 2rem 0.75rem;
} }
} }
// Insurance pages use a taller client logo; drop the header's vertical
// padding so the overall header height matches the standard site header.
&.has-override-logo .container {
padding-top: 0;
padding-bottom: 0;
@include media-breakpoint-up(md) {
padding-top: 0;
padding-bottom: 13px;
}
}
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1000; z-index: 1000;

2
src/fmg-components/insurance-nav-bar/insurance-nav-bar.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="row"></div> <div class="row"></div>
<div class="insurance-nav-bar nav-bar container-fluid g-5 my-5 px-0" id="infoBox"> <div class="insurance-nav-bar nav-bar container-fluid g-5 my-6 px-0" id="infoBox">
<div class="row d-flex justify-content-between align-items-center vw-100"> <div class="row d-flex justify-content-between align-items-center vw-100">
<div v-if="!isCancelButtonHidden" class="col-auto cancel-col py-1 text-break"> <div v-if="!isCancelButtonHidden" class="col-auto cancel-col py-1 text-break">
<textLink <textLink

4
src/layouts/duplicate-check/duplicate-check.vue
View file

@ -14,13 +14,13 @@
cmsWidgetName="DupCheckPageTitleWidget" cmsWidgetName="DupCheckPageTitleWidget"
typeStyle="h1" typeStyle="h1"
:customText="pageTitleText" :customText="pageTitleText"
class="mb-5 text-left text-md-left cc-page-title" /> class="text-left text-md-left cc-page-title" />
<textBlock <textBlock
cmsWidgetName="DupCheckPageInstructionsWidget" cmsWidgetName="DupCheckPageInstructionsWidget"
typeStyle="body" typeStyle="body"
:customText="pageInstructionsText" :customText="pageInstructionsText"
class="mb-5 text-left text-md-left cc-page-instructions" /> class="mb-4 text-left text-md-left cc-page-instructions" />
<buttonQuestion <buttonQuestion
:questionText="existingClaimsQuestionText" :questionText="existingClaimsQuestionText"

4
src/layouts/endorsements/endorsements.vue
View file

@ -14,13 +14,13 @@
cmsWidgetName="EndorsementsPageAdditionalInfoWidget" cmsWidgetName="EndorsementsPageAdditionalInfoWidget"
typeStyle="h1" typeStyle="h1"
:customText="endorsementHeading" :customText="endorsementHeading"
class="mb-5 text-left text-md-left page-title" /> class="text-left text-md-left page-title" />
<textBlock <textBlock
cmsWidgetName="MoreDetailsWidget" cmsWidgetName="MoreDetailsWidget"
typeStyle="body" typeStyle="body"
:customText="moreDetailsText" :customText="moreDetailsText"
class="mb-5 text-left text-md-left page-instructions" /> class="mb-4 text-left text-md-left page-instructions" />
<buttonQuestion <buttonQuestion
:questionText="schoolEndorsementQuestionText" :questionText="schoolEndorsementQuestionText"

4
src/layouts/policy-info/policy-info.vue
View file

@ -14,13 +14,13 @@
cmsWidgetName="PageTitleWidget" cmsWidgetName="PageTitleWidget"
typeStyle="h1" typeStyle="h1"
:customText="pageTitleText" :customText="pageTitleText"
class="mb-5 text-left text-md-left cc-page-title" /> class="text-left text-md-left cc-page-title" />
<textBlock <textBlock
cmsWidgetName="PageInstructionsWidget" cmsWidgetName="PageInstructionsWidget"
typeStyle="body" typeStyle="body"
:customText="pageInstructionsText" :customText="pageInstructionsText"
class="mb-5 text-left text-md-left" /> class="mb-4 text-left text-md-left" />
<textboxQuestion <textboxQuestion
isRequired isRequired

9
src/layouts/policy-vehicle/policy-vehicle.vue
View file

@ -8,7 +8,10 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-7"> <div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" alignLeft /> <funnelSubHeader
class="pb-4 policy-vehicle-subheader"
cmsWidgetName="FunnelSubHeaderWidget"
alignLeft />
<buttonMain <buttonMain
id="btn-vehicle-not-listed" id="btn-vehicle-not-listed"
@ -140,4 +143,8 @@ export default {
background-color: $blue; background-color: $blue;
color: $white; color: $white;
} }
.policy-vehicle-subheader {
padding-top: 22px;
}
</style> </style>

6
src/mixins/analytics-mixin.js
View file

@ -360,6 +360,12 @@ export default {
payload.carId = ""; payload.carId = "";
} }
if (isDefined(order.vehicle.vinRequired)) {
payload.vehicleIsVinRequired = order.vehicle.vinRequired;
} else {
payload.vehicleIsVinRequired = false;
}
// Glass pieces // Glass pieces
const glass = order.damage.glassToReplace ?? []; const glass = order.damage.glassToReplace ?? [];
if (glass.length === 0) { if (glass.length === 0) {

6
src/styles/common-styles.scss
View file

@ -106,4 +106,10 @@ option,
.page-gradient { .page-gradient {
height: 12px; height: 12px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
// Pull the page content up under the header gradient on insurance pages
// (every insurance page renders the container right after .page-gradient).
& + .container {
margin-top: -22px;
}
} }