EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4081 login: Maintain a logic sort on login reconnect buttons

main
Pau Ferrer Ocaña 2022-11-25 11:19:04 +01:00
parent 4d527aa0a8
commit 88cdec2e87
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/core/features/login/pages/reconnect/reconnect.html
View File

@ -63,14 +63,14 @@
</ion-input>
</core-show-password>
</ion-item>
<div class="adaptable-buttons-row">
<ion-button expand="block" fill="outline" (click)="cancel($event)" class="ion-margin ion-text-wrap">
{{ 'core.login.cancel' | translate }}
</ion-button>
<div class="adaptable-buttons-row-reverse">
<ion-button *ngIf="!isBrowserSSO" type="submit" expand="block" [disabled]="!credForm.valid"
class="ion-margin core-login-login-button ion-text-wrap">
{{ 'core.login.loginbutton' | translate }}
</ion-button>
<ion-button expand="block" fill="outline" (click)="cancel($event)" class="ion-margin ion-text-wrap">
{{ 'core.login.cancel' | translate }}
</ion-button>
</div>
<ion-button expand="block" *ngIf="isBrowserSSO" (click)="openBrowserSSO()"

8
src/theme/theme.base.scss
View File

@ -1674,13 +1674,19 @@ ion-grid.core-no-grid > ion-row {
}
@include media-breakpoint-up(md) {
.adaptable-buttons-row {
.adaptable-buttons-row,
.adaptable-buttons-row-reverse {
display: flex;
flex-direction: row;
ion-button {
flex: 1;
}
}
// Buttons will be in reverse order when horizontal.
.adaptable-buttons-row-reverse {
flex-direction: row-reverse;
}
}
ion-header.no-title {