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

Merge pull request #1221 from Safelite/bugfix/CSR-1474

Browse source 
Bugfix/CSR-1474
This commit is contained in:
AdamCaouetteSafelite 2023-07-11 08:55:57 -04:00 committed by GitHub
commit 56e2c1a517
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/digital-components/date-picker/date-picker.vue
View file

@ -6,7 +6,7 @@
v-for="month in months" v-for="month in months"
:key="`${month.monthLabel}-${month.yearNum?.toString()}`" :key="`${month.monthLabel}-${month.yearNum?.toString()}`"
:id="`${month.monthLabel}-${month.yearNum?.toString()}`" :id="`${month.monthLabel}-${month.yearNum?.toString()}`"
class="calendar-grid-container position-relative" class="calendar-grid-container"
:class="[ :class="[
hideSomeDaysForInitialView ? 'partial-month-initial-view' : '', hideSomeDaysForInitialView ? 'partial-month-initial-view' : '',
month.monthClass, month.monthClass,
@ -628,12 +628,16 @@ export default {
.date-picker { .date-picker {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 100%; flex-grow: 1;
display: flex;
flex-direction: column;
fieldset { fieldset {
overflow-y: auto; overflow-y: auto;
height: 88%; flex-grow: 1;
position: relative; position: relative;
padding-bottom: 6rem; // arbitrary amount to provide enough spacing for scroll animation
max-height: 21.25rem; // 340px... arbitrary amount to not push View More link out of view on iphones
} }
.loader { .loader {
position: absolute; position: absolute;
@ -648,6 +652,7 @@ export default {
.calendar-grid-container { .calendar-grid-container {
margin: 0 auto 2rem auto; margin: 0 auto 2rem auto;
max-width: 414px; max-width: 414px;
position: relative;
transition: height ease 2s, opacity ease 2s; transition: height ease 2s, opacity ease 2s;
display: grid; display: grid;
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
@ -864,21 +869,17 @@ export default {
opacity: 0; opacity: 0;
max-height: 0; max-height: 0;
margin-bottom: 0; margin-bottom: 0;
overflow: hidden;
} }
&.last-available-month:not(&.month-hidden) { &.last-available-month:not(&.month-hidden) {
margin-bottom: 14rem; margin-bottom: 14rem;
} }
} }
#bottom-spacer {
height: 20rem;
background: lightblue;
}
.btn-link { .btn-link {
font-weight: 500; font-weight: 500;
text-underline-offset: 4px; text-underline-offset: 4px;
position: absolute; flex-grow: 0;
top: 90%;
} }
.past { .past {