fix header and steps buttons on bottom

This commit is contained in:
Tykayn 2021-12-01 18:22:21 +01:00 committed by tykayn
parent 307fd75615
commit a43de5f410
6 changed files with 60 additions and 18 deletions

View File

@ -73,12 +73,14 @@
></button> ></button>
</ng-template> </ng-template>
</p-confirmDialog> </p-confirmDialog>
<div class="columns"> <div class="bottom-step-buttons">
<div class="column"></div> <div class="columns">
<div class="column"> <div class="column"></div>
<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/2']"> <div class="column">
Suivant <button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/2']">
</button> Suivant
</button>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -41,17 +41,19 @@
</div> </div>
</div> </div>
</div> </div>
<div class="columns"> <div class="bottom-step-buttons">
<div class="column"> <div class="columns">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/1']"> <div class="column">
précédent <button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/1']">
</button> précédent
</div> </button>
<div class="column"> </div>
<!-- [disabled]="form.invalid"--> <div class="column">
<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/3']"> <!-- [disabled]="form.invalid"-->
suivant <button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/3']">
</button> suivant
</button>
</div>
</div> </div>
</div> </div>
</form> </form>

View File

@ -1,8 +1,18 @@
@import '../../../../styles/variables'; @import '../../../../styles/variables';
@import '../../../../styles/dev-utilities/helpers';
#creation_stepper { #creation_stepper {
@extend .fixed-box;
background: $white;
height: 6em;
.columns,
.column {
padding-bottom: 0;
}
.step-bar-container { .step-bar-container {
margin: 1rem 0 2rem; margin: 1rem 0 0;
height: 0.6em; height: 0.6em;
display: inline-block; display: inline-block;
min-width: 1px; min-width: 1px;
@ -41,6 +51,9 @@
} }
} }
.step-info {
padding: 0.85rem;
}
.step-title-poll { .step-title-poll {
font-size: 0.85rem !important; font-size: 0.85rem !important;
color: $d-neutral !important; color: $d-neutral !important;

View File

@ -39,3 +39,11 @@
.marged-auto { .marged-auto {
margin: 0 auto; margin: 0 auto;
} }
.fixed-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}

View File

@ -310,6 +310,8 @@ mat-checkbox {
} }
.step { .step {
padding-top: 8em;
.title { .title {
color: $primary_color; color: $primary_color;
} }

View File

@ -106,3 +106,18 @@ a {
a span.ui-steps-number { a span.ui-steps-number {
padding: 0; padding: 0;
} }
.bottom-step-buttons {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
height: 6em;
background: $white;
padding: 0.85rem;
.button {
width: 100%;
display: block;
}
}