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

CSR-1483: styling fixes

Browse source
This commit is contained in:
Adam Caouette 2023-07-17 10:45:51 -04:00
parent 5a9ab3b565
commit 8301d4b27f
1 changed files with 13 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -56,15 +56,15 @@
:class="[!isLoading ? 'date-picker-hidden' : '']"
loaderColor="blue"
loaderPosition="center" />
<button
v-if="calendarViewDirection === 'future' && !disableViewMoreDatesButton"
type="button"
class="btn btn-link"
:disabled="isLoading"
@click="showAnotherMonth">
View more dates
</button>
</fieldset>
<button
v-if="calendarViewDirection === 'future' && !disableViewMoreDatesButton"
type="button"
class="btn btn-link"
:disabled="isLoading"
@click="showAnotherMonth">
View more dates
</button>
</div>
</template>
@ -660,27 +660,22 @@ export default {
max-height: 0;
}
.date-picker {
overflow: hidden;
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
fieldset {
overflow-y: auto;
flex-grow: 1;
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 {
position: absolute;
height: 2rem;
width: 2rem;
width: calc(100% - 1.5rem);
&::after {
width: 100%;
height: 100%;
width: 1.5rem;
height: 1.5rem;
}
}
.calendar-grid-container {
@ -813,9 +808,9 @@ export default {
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
min-width: 2.5rem;
width: 2.5rem;
height: 2.5rem;
min-width: 3rem;
span {
&.small {