Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

⚡ bottom nav width limited to main column width

Browse Source
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=""> <div class="bottom-step-buttons">
<button <div class="contained-in-main-column">
*ngIf="display_previous_button" <button
class="button button-previous is-secondary pull-left" *ngIf="display_previous_button"
[routerLink]="['/administration/step/' + previous_step_number]" class="button button-previous is-secondary pull-left"
> [routerLink]="['/administration/step/' + previous_step_number]"
Précédent >
</button> Précédent
</button>
<button <button
*ngIf="display_next_button" *ngIf="display_next_button"
class="button button-next pull-right" class="button button-next pull-right"
[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">
Enregistrer Enregistrer
</span> </span>
<span *ngIf="!is_finish_step"> <span *ngIf="!is_finish_step">
Suivant Suivant
</span> </span>
</button> </button>
</div>
</div> </div>

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

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