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

Add styles for first day of month.

Browse source
This commit is contained in:
Bryan Mauger 2022-10-13 08:18:30 -04:00
parent cb063b5363
commit deea1abbe3
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common-components/date-picker/date-picker.vue
View file

@ -167,6 +167,7 @@
<div class="grid-item radio-wrapper"> <div class="grid-item radio-wrapper">
<input tabindex="0" type="radio" name="day-of-month" id="nov-1" /> <input tabindex="0" type="radio" name="day-of-month" id="nov-1" />
<label class="future-day selectable-day" for="nov-1"><span>1</span></label> <label class="future-day selectable-day" for="nov-1"><span>1</span></label>
<div v-if="isFirstDayOfMonth" class="current-month first-day">OCT</div>
</div> </div>
<div class="grid-item radio-wrapper"> <div class="grid-item radio-wrapper">
<input tabindex="0" type="radio" name="day-of-month" id="nov-2" /> <input tabindex="0" type="radio" name="day-of-month" id="nov-2" />
@ -332,6 +333,9 @@ export default {
&:after { &:after {
background-color: $white; background-color: $white;
} }
+ .first-day {
color: $white;
}
} }
&:checked + label p, &:checked + label p,
&:checked + label span { &:checked + label span {
@ -417,6 +421,9 @@ export default {
color: $white; color: $white;
} }
} }
+ .first-day {
color: $white;
}
} }
+ p { + p {