CASH-1319 misc UI bug fixes.
This commit is contained in:
parent
88a129f07c
commit
119df65230
8 changed files with 15 additions and 9 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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" />
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue