tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

🎨 style on step 4

Browse Source
This commit is contained in:
Tykayn 2022-02-04 14:55:20 +01:00 committed by tykayn
parent 73209f4f4b
commit 61c5d2ca9a
2 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,15 +18,25 @@
<section class="time-slice-list-of-a-day"> <section class="time-slice-list-of-a-day">
<div *ngFor="let timeSlice of dayChoice.timeSlices; index as id" class="time-choice padded"> <div *ngFor="let timeSlice of dayChoice.timeSlices; index as id" class="time-choice padded">
<label for="dateChoices_{{ id }}"> {{ 'hours.element' | translate }} {{ id + 1 }} </label> <label for="dateChoices_{{ id }}"> {{ 'hours.element' | translate }} {{ id + 1 }} </label>
<input <div class="columns">
class="input is-fullwidth" <div class="column">
type="text" <input
id="dateChoices_{{ id }}" class="input is-fullwidth"
[(ngModel)]="timeSlice.literal" type="text"
/> id="dateChoices_{{ id }}"
<button class="button input is-full" (click)="pollService.timeList.splice(id, 1)"> [(ngModel)]="timeSlice.literal"
<i class="fa fa-trash"></i> {{ 'choices.delete' | translate }} />
</button> </div>
<div class="column is-narrow">
<button
class="button is-full has-no-border delete-hour"
(click)="pollService.timeList.splice(id, 1)"
>
<i class="fa fa-trash"></i>
<!-- {{ 'choices.delete' | translate }}-->
</button>
</div>
</div>
</div> </div>
<div class="add-time-choice"> <div class="add-time-choice">
<button <button

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

@ -1,6 +1,13 @@
@import '../../../../../../styles/variables'; @import '../../../../../../styles/variables';
@import '../../../../../../styles/dev-utilities/helpers'; @import '../../../../../../styles/dev-utilities/helpers';
.time-slice-list-of-a-day {
.column {
min-height: 2rem;
max-height: 3rem;
}
}
.button { .button {
color: $primary_color; color: $primary_color;
@ -30,8 +37,13 @@
} }
.add-time-choice { .add-time-choice {
margin-top: 0.5rem;
.button { .button {
justify-content: inherit; justify-content: inherit;
background: transparent; background: transparent;
} }
} }
.delete-hour {
background: transparent;
}