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

Consolidate CSS. Remove comments. Set scroll to auto vs scroll.

Browse source
This commit is contained in:
Bryan Mauger 2023-04-10 16:47:13 -04:00
parent e45765a8ad
commit 2e47d6b9ed
18 changed files with 27 additions and 249 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/digital-components/button-question/button-question.vue
View file

@ -233,16 +233,6 @@ export default {
</script>
<style lang="scss">
// .button-question-overflow {
// height: calc(100vh - 274px);
//
// .overflow-scroll {
// // Height will be determined by overall height of content above list
// height: calc(100% - 400px);
// overflow-x: hidden !important;
// -webkit-overflow-scrolling: touch;
// }
// }
.button-question {
color: $black;

14
src/iss-components/questions-page-layout/questions-page-layout.vue
View file

@ -103,19 +103,7 @@ export default {
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
<style lang="scss">
.questions-page {
.question-text {
margin-bottom: 0.5rem;

14
src/layouts/address-lookup/address-lookup.vue
View file

@ -352,17 +352,3 @@ components: {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

14
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -149,19 +149,7 @@ export default {
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
<style lang="scss">
ol {
margin-left: -1rem;
li {

14
src/layouts/license-plate-lookup/license-plate-lookup.vue
View file

@ -316,19 +316,7 @@ export default {
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
<style lang="scss">
#license-plate-question-wrapper .form-test-error {
/**
Override extra margin-bottom in the error message in TextboxQuestion

11
src/layouts/policy-holder-details/policy-holder-details.vue
View file

@ -135,17 +135,6 @@ export default {
}
</script>
<style lang="scss">
.fade-on-route-transition {
height: calc(100% - 120px);
overflow: scroll;
overflow-x: hidden;
}
.modal-open {
.fade-on-route-transition {
overflow: hidden;
}
}
.alert.alert-warning
{
margin-top: 20px;

32
src/layouts/provider-preference/provider-preference.vue
View file

@ -125,33 +125,21 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
<style lang="scss">
#sub-header span{
color: $black;
color: $black;
}
.body-text {
color: $darker-gray;
p, li {
margin-bottom: 0.5rem;
}
color: $darker-gray;
p, li {
margin-bottom: 0.5rem;
}
}
.modal-link a{
color: $blue-700;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: $blue-700;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.question-text {
margin-top: 0;

15
src/layouts/service-location/service-location.vue
View file

@ -76,18 +76,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -478,18 +478,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vehicle-lookup/vehicle-lookup.vue
View file

@ -106,18 +106,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vehicle-make/vehicle-make.vue
View file

@ -100,18 +100,3 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 80px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

18
src/layouts/vehicle-model/vehicle-model.vue
View file

@ -109,21 +109,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.container-fluid {
margin-bottom: 80px;
}
.fade-on-route-transition {
margin-bottom: 80px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vehicle-parts/vehicle-parts.vue
View file

@ -232,20 +232,7 @@ components: {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
<style lang="scss">
#vehicle-parts-alert {
.alert-heading {
margin-top: 0.25rem !important;

18
src/layouts/vehicle-style/vehicle-style.vue
View file

@ -122,21 +122,3 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.container-fluid {
margin-bottom: 80px;
}
.fade-on-route-transition {
margin-bottom: 80px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vehicle-year/vehicle-year.vue
View file

@ -99,18 +99,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 80px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

15
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -254,18 +254,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.fade-on-route-transition {
margin-bottom: 100px;
}
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}
</style>

14
src/layouts/welcome-page/welcome-page.vue
View file

@ -348,19 +348,7 @@ export default {
</script>
<style lang="scss">
.fade-on-route-transition {
height: calc(100% - 80px);
overflow: scroll;
}
.modal-open {
.fade-on-route-transition {
overflow: hidden;
}
}
.my-2
{
.my-2 {
margin-bottom: 0rem !important;
}
@-moz-document url-prefix() {

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

@ -57,4 +57,16 @@ body {
height: calc(100% - 72px);
}
// Scroll page when modal isn't open
.fade-on-route-transition {
height: calc(100% - 80px);
overflow: auto;
}
// Prevent scroll when modal is open
.modal-open {
.fade-on-route-transition {
overflow: hidden;
}
}
}