Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

style step 4

Browse Source
This commit is contained in:
Tykayn 2022-02-04 14:48:29 +01:00 committed by tykayn
parent 2ba8e10524
commit 73209f4f4b
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/features/administration/form/steps/step-four/step-four.component.html
View File

@ -11,7 +11,7 @@
class="days-list-having-separated-time-slices rounded-block"
*ngFor="let dayChoice of pollService.dateChoiceList; index as day_id"
>
<div class="heading day-choice">
<div class="heading-day-choice">
{{ dayChoice.date_object | date }}
</div>
@ -29,8 +29,11 @@
</button>
</div>
<div class="add-time-choice">
<button (click)="addChoiceForDay(dayChoice)">
<i class="fa fa-plus"></i>
<button
class="has-text-primary button has-no-border is-fullwidth text-left"
(click)="addChoiceForDay(dayChoice)"
>
<img class="icon" aria-hidden="true" src="assets/icons/plus-circle.svg" />
{{ 'hours.add' | translate }}
</button>
</div>
@ -38,7 +41,7 @@
</div>
</div>
<div class="section copy-paste" *ngIf="environment.display_time_actions_more">
<div class="section more-bulk-actions" *ngIf="environment.display_time_actions_more">
<div class="actions">
<button
(click)="pollService.removeAllTimes()"

15
src/app/features/administration/form/steps/step-four/step-four.component.scss
View File

@ -20,3 +20,18 @@
width: 1.5em;
}
}
.heading-day-choice {
font-size: 1.25rem;
line-height: 1.25rem;
color: $d-black;
font-weight: 700;
margin-bottom: 1rem;
}
.add-time-choice {
.button {
justify-content: inherit;
background: transparent;
}
}