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; line-height: 32px;
font-weight: 400; font-weight: 400;
margin: 24px 0; margin: 24px 0;
text-align: center; text-align: left;
} }
body input, body input,
body select { body select {

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,7 +1,7 @@
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
<div class="container"> <div class="container vehicle">
<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 cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />

View file

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