style calendar lines

This commit is contained in:
Tykayn 2021-12-09 13:19:14 +01:00 committed by tykayn
parent e4ebebf0b6
commit 9c55186aa1
5 changed files with 39 additions and 18 deletions

View File

@ -3,7 +3,7 @@
<section class="supplement"> <section class="supplement">
<app-stepper [step_current]="5" [step_max]="pollService.step_max"></app-stepper> <app-stepper [step_current]="5" [step_max]="pollService.step_max"></app-stepper>
<app-errors-list [form]="pollService.form"></app-errors-list> <app-errors-list [form]="pollService.form"></app-errors-list>
<div class="advanced-config padded"> <div class="advanced-config">
<h2 class="title is-2"> <h2 class="title is-2">
Configuration avancée Configuration avancée
</h2> </h2>
@ -11,10 +11,10 @@
<app-advanced-config [form]="pollService.form"></app-advanced-config> <app-advanced-config [form]="pollService.form"></app-advanced-config>
</div> </div>
</div> </div>
</section>
</div>
</div>
<app-nav-steps <app-nav-steps
[next_step_number]="pollService.step_current + 1" [next_step_number]="pollService.step_current + 1"
[previous_step_number]="pollService.step_current - 1" [previous_step_number]="pollService.step_current - 1"
></app-nav-steps> ></app-nav-steps>
</section>
</div>
</div>

View File

@ -28,8 +28,8 @@
<app-day-list [form]="pollService.form"></app-day-list> <app-day-list [form]="pollService.form"></app-day-list>
<!-- [hasSeveralHours]="pollService.form.value.hasSeveralHours"--> <!-- [hasSeveralHours]="pollService.form.value.hasSeveralHours"-->
</div> </div>
</div>
<app-nav-steps <app-nav-steps
[next_step_number]="pollService.step_current + 1" [next_step_number]="pollService.step_current + 1"
[previous_step_number]="pollService.step_current - 1" [previous_step_number]="pollService.step_current - 1"
></app-nav-steps> ></app-nav-steps>
</div>

View File

@ -1,26 +1,24 @@
<div class="bottom-step-buttons" class="is-fixed-bottom"> <div class="bottom-step-buttons" class="is-fixed-bottom">
<div class="container"> <div class="container">
<div class="columns half-columns"> <div class="columns half-columns">
<div class="column"> <div class="column" *ngIf="display_previous_button">
<button <button
*ngIf="display_previous_button"
class="button button-previous is-secondary is-fullwidth" class="button button-previous is-secondary is-fullwidth"
[routerLink]="['/administration/step/' + previous_step_number]" [routerLink]="['/administration/step/' + previous_step_number]"
> >
Précédent Précédent
</button> </button>
</div> </div>
<div class="column"> <div class="column" [ngClass]="{ 'is-fullwidth': !display_previous_button }">
<button <button
*ngIf="display_next_button" *ngIf="display_next_button"
class="button button-next is-fullwidth" class="button button-next"
[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }" [ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"
[routerLink]="['/administration/step/' + next_step_number]" [routerLink]="['/administration/step/' + next_step_number]"
(click)="runEndAction()" (click)="runEndAction()"
> >
<span *ngIf="is_finish_step"> <span *ngIf="is_finish_step">
<i class="fa fa-save"></i> Enregistrer
Enregistrer le sondage
</span> </span>
<span *ngIf="!is_finish_step"> <span *ngIf="!is_finish_step">
Suivant Suivant

View File

@ -58,6 +58,7 @@ select,
.select { .select {
@extend .clickable; @extend .clickable;
border: solid 1px $font_color; border: solid 1px $font_color;
max-width: 90vw !important;
} }
input, input,
@ -85,6 +86,8 @@ textarea {
.mat-checkbox-label, .mat-checkbox-label,
.mat-checkbox-layout .mat-checkbox-label { .mat-checkbox-layout .mat-checkbox-label {
max-width: 90vw; max-width: 90vw;
overflow: scroll;
} }
.button { .button {
label { label {
@ -300,9 +303,10 @@ mat-checkbox {
.advanced-config { .advanced-config {
.work-in-progress { .work-in-progress {
padding: 1em 2em; background: $primary-light;
border-left: 3px solid $warning-dark; padding: 0.25em;
color: $light; border-left: 1px solid $warning-dark;
color: $warning-dark;
} }
} }

View File

@ -8,6 +8,7 @@ html {
form { form {
margin: 0 !important; margin: 0 !important;
} }
main { main {
min-height: 90vh; min-height: 90vh;
} }
@ -43,22 +44,40 @@ main {
max-width: $main-column-width; max-width: $main-column-width;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
.column { .column {
padding: 0; padding: 0;
width: 50% !important; width: 50% !important;
float: left; float: left;
&:nth-of-type(1) { &:nth-of-type(1) {
padding-right: 1.5rem; padding-right: 1.5rem;
.step-info & { .step-info & {
padding: 0; padding: 0;
} }
} }
&:nth-of-type(2) { &:nth-of-type(2) {
padding-left: 1.5rem; padding-left: 1.5rem;
} }
&.is-fullwidth {
width: 100% !important;
padding-right: 0 !important;
.button:nth-of-type(1) {
width: 50%;
float: right;
} }
}
}
.button { .button {
width: 100%; width: 100%;
.is-half-offseted {
float: right;
}
} }
} }
} }