CASH-1319 misc UI bug fixes.

This commit is contained in:
Bryan Mauger 2025-08-08 10:49:01 -04:00
parent 88a129f07c
commit 119df65230
8 changed files with 15 additions and 9 deletions

View file

@ -37,7 +37,7 @@ body .headerlinecontainer .headerline1 {
line-height: 32px;
font-weight: 400;
margin: 24px 0;
text-align: center;
text-align: left;
}
body input,
body select {

View file

@ -44,7 +44,7 @@ body {
line-height: 32px;
font-weight: 400;
margin: 24px 0;
text-align: center;
text-align: left;
}
}

View file

@ -19,7 +19,7 @@
:validationRules="validationRules"
:placeHolderText="placeHolderText"
:valueAsKey="valueAsKey">
<option v-if="placeHolderText" value="" selected>{{ placeHolderText }}</option>
<option v-if="placeHolderText && !isDisabled" value="" selected>{{ placeHolderText }}</option>
<option
v-for="(value, name, index) in options"
:value="valueAsKey == true ? value : name"

View file

@ -199,7 +199,6 @@ export default {
<style lang="scss" scoped>
.funnel-header {
margin-bottom: 1rem;
.container {
padding: 1rem 0.75rem;
display: flex;

View file

@ -1746,7 +1746,7 @@ export default {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.container {
.question-text {
margin-bottom: 1.5rem;

View file

@ -4,7 +4,7 @@
<div class="container vehicle-damage">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mb-7" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mb-4" />
<alert
ref="vehicleChangeAlert"
v-if="shouldDisplayVehicleChangeAlert"
@ -759,6 +759,9 @@ export default {
.base-input-button:not(.has-error):hover.list-card:not(.selected) {
border-radius: 0.5rem;
}
.question-text {
margin: 1.5rem 0 .5rem 0;
}
}
.replace-options-question {
.base-input-button:not(.has-error):hover.list-card:not(.selected) {
@ -774,9 +777,9 @@ export default {
}
}
.question-text {
margin: 1rem 0 0 0;
margin: 1.5rem 0 .5rem 0;
@include media-breakpoint-up(md) {
margin: 1rem 0;
margin: 1.5rem 0 .5rem 0;
}
}
.two-list-card-width {

View file

@ -1,7 +1,7 @@
<template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
<div class="container">
<div class="container vehicle">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />

View file

@ -80,6 +80,10 @@ export default {
opacity: 1;
visibility: visible;
}
a {
text-decoration: none;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
}
}
.vin-info {
max-height: 0;