Reverted structure

This commit is contained in:
Joan Sanchez 2020-08-11 12:10:37 +02:00
parent d17f289af9
commit 64abd29257
2 changed files with 23 additions and 33 deletions

View File

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

View File

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