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

Adjusting button-question so question text is always black font and adjusting list-card padding bottom to 3 rem

Browse source
This commit is contained in:
Max 2022-02-28 10:37:43 -05:00
parent d8387709d5
commit 68ccfcbb15
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/common-components/button-question/button-question.vue
View file

@ -1,6 +1,6 @@
<!-- Documented in confluence https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Component --> <!-- Documented in confluence https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Component -->
<template> <template>
<div :class="isOverflowScrollable ? 'button_question' : ''"> <div :class="isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'">
<div v-if="questionText" class="mt-5 mb-4 d-flex"> <div v-if="questionText" class="mt-5 mb-4 d-flex">
<span class="text-center fs-5 fw-bold w-100">{{ questionText }}</span> <span class="text-center fs-5 fw-bold w-100">{{ questionText }}</span>
</div> </div>
@ -146,8 +146,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.button_question { .button-question-overflow {
color: $black;
height: calc(100vh - 280px); height: calc(100vh - 280px);
.overflow-scroll { .overflow-scroll {
@ -156,4 +155,7 @@ export default {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
} }
.button-question {
color: $black;
}
</style> </style>

2
src/ux-components/list-card/list-card.vue
View file

@ -17,7 +17,7 @@
/> />
<label <label
:for="buttonID" :for="buttonID"
class="d-flex w-100 align-items-center px-2 h-100" class="d-flex w-100 align-items-center px-3 h-100"
:class="getLabelClasses" tabindex="-1" :class="getLabelClasses" tabindex="-1"
> >
<img <img