This commit is contained in:
Joan Sanchez 2020-08-10 10:36:37 +02:00
parent 5c7168d696
commit f2bff056e9
2 changed files with 34 additions and 24 deletions

View File

@ -19,28 +19,33 @@
ng-if="$ctrl.displayControls">
</vn-button>
</div>
<div class="weekdays">
<section
ng-repeat="day in ::$ctrl.weekDays"
translate-attr="::{title: day.name}"
ng-click="$ctrl.selectWeekDay($event, day.index)">
<span>{{::day.localeChar}}</span>
</section>
</div>
<div
class="days"
ng-class="{'hide-contiguous': $ctrl.hideContiguous}">
<section
ng-repeat="day in $ctrl.days"
class="day"
ng-class="::$ctrl.getDayClasses(day)"
vn-repeat-last
on-last="$ctrl.repeatLast()">
<div
class="day-number"
ng-click="$ctrl.select($event, day)">
{{::day | date: 'd'}}
<div class="rows">
<div class="weeksNumber">a</div>
<div class="weeks">
<div class="weekdays">
<section
ng-repeat="day in ::$ctrl.weekDays"
translate-attr="::{title: day.name}"
ng-click="$ctrl.selectWeekDay($event, day.index)">
<span>{{::day.localeChar}}</span>
</section>
</div>
</section>
<div
class="days"
ng-class="{'hide-contiguous': $ctrl.hideContiguous}">
<section
ng-repeat="day in $ctrl.days"
class="day"
ng-class="::$ctrl.getDayClasses(day)"
vn-repeat-last
on-last="$ctrl.repeatLast()">
<div
class="day-number"
ng-click="$ctrl.select($event, day)">
{{::day | date: 'd'}}
</div>
</section>
</div>
</div>
</div>
</div>

View File

@ -19,7 +19,12 @@
color: inherit;
}
}
& > .weekdays {
& > .rows > .weeksNumber,
& > .rows > .weeks {
float: left
}
& > .rows > .weeks > .weekdays {
display: flex;
color: $color-font-secondary;
margin-bottom: 8px;
@ -33,7 +38,7 @@
cursor: pointer;
}
}
& > .days {
& > .rows > .weeks > .days {
display: flex;
justify-content: center;
align-items: center;