🎨 style on step 4

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

View File

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

View File

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