tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

⚡ bottom nav width limited to main column width

This commit is contained in:
Tykayn 2021-12-10 10:47:18 +01:00 committed by tykayn
parent 2a48633e83
commit 483e497399
2 changed files with 32 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/features/administration/nav-steps/nav-steps.component.html
View File

@ -1,24 +1,26 @@
<div class="bottom-step-buttons" style="">
<button
*ngIf="display_previous_button"
class="button button-previous is-secondary pull-left"
[routerLink]="['/administration/step/' + previous_step_number]"
>
Précédent
</button>
<div class="bottom-step-buttons">
<div class="contained-in-main-column">
<button
*ngIf="display_previous_button"
class="button button-previous is-secondary pull-left"
[routerLink]="['/administration/step/' + previous_step_number]"
>
Précédent
</button>
<button
*ngIf="display_next_button"
class="button button-next pull-right"
[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"
[routerLink]="['/administration/step/' + next_step_number]"
(click)="runEndAction()"
>
<span *ngIf="is_finish_step">
Enregistrer
</span>
<span *ngIf="!is_finish_step">
Suivant
</span>
</button>
<button
*ngIf="display_next_button"
class="button button-next pull-right"
[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"
[routerLink]="['/administration/step/' + next_step_number]"
(click)="runEndAction()"
>
<span *ngIf="is_finish_step">
Enregistrer
</span>
<span *ngIf="!is_finish_step">
Suivant
</span>
</button>
</div>
</div>

8
src/styles/partials/global.scss
View File

@ -66,6 +66,7 @@ main {
&.is-fullwidth {
width: 100% !important;
padding-right: 0 !important;
.button:nth-of-type(1) {
width: 50%;
float: right;
@ -80,3 +81,10 @@ main {
}
}
}
.contained-in-main-column {
max-width: $main-column-width;
margin: 0 auto;
width: 100%;
display: block;
}