tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

style step 4

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" class="days-list-having-separated-time-slices rounded-block"
*ngFor="let dayChoice of pollService.dateChoiceList; index as day_id" *ngFor="let dayChoice of pollService.dateChoiceList; index as day_id"
> >
<div class="heading day-choice"> <div class="heading-day-choice">
{{ dayChoice.date_object | date }} {{ dayChoice.date_object | date }}
</div> </div>
@ -29,8 +29,11 @@
</button> </button>
</div> </div>
<div class="add-time-choice"> <div class="add-time-choice">
<button (click)="addChoiceForDay(dayChoice)"> <button
<i class="fa fa-plus"></i> 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 }} {{ 'hours.add' | translate }}
</button> </button>
</div> </div>
@ -38,7 +41,7 @@
</div> </div>
</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"> <div class="actions">
<button <button
(click)="pollService.removeAllTimes()" (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; 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;
}
}