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

fix header and steps buttons on bottom

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/features/administration/form/steps/step-one/step-one.component.html
View File

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

24
src/app/features/administration/form/steps/step-two/step-two.component.html
View File

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

15
src/app/features/administration/stepper/stepper.component.scss
View File

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

8
src/styles/dev-utilities/_helpers.scss
View File

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

2
src/styles/partials/_forms.scss
View File

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

15
src/styles/partials/_navigation.scss
View File

@ -106,3 +106,18 @@ a {
a span.ui-steps-number {
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;
}
}