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> </ion-input>
</core-show-password> </core-show-password>
</ion-item> </ion-item>
<div class="adaptable-buttons-row"> <div class="adaptable-buttons-row-reverse">
<ion-button expand="block" fill="outline" (click)="cancel($event)" class="ion-margin ion-text-wrap">
{{ 'core.login.cancel' | translate }}
</ion-button>
<ion-button *ngIf="!isBrowserSSO" type="submit" expand="block" [disabled]="!credForm.valid" <ion-button *ngIf="!isBrowserSSO" type="submit" expand="block" [disabled]="!credForm.valid"
class="ion-margin core-login-login-button ion-text-wrap"> class="ion-margin core-login-login-button ion-text-wrap">
{{ 'core.login.loginbutton' | translate }} {{ 'core.login.loginbutton' | translate }}
</ion-button> </ion-button>
<ion-button expand="block" fill="outline" (click)="cancel($event)" class="ion-margin ion-text-wrap">
{{ 'core.login.cancel' | translate }}
</ion-button>
</div> </div>
<ion-button expand="block" *ngIf="isBrowserSSO" (click)="openBrowserSSO()" <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) { @include media-breakpoint-up(md) {
.adaptable-buttons-row { .adaptable-buttons-row,
.adaptable-buttons-row-reverse {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
ion-button { ion-button {
flex: 1; flex: 1;
} }
} }
// Buttons will be in reverse order when horizontal.
.adaptable-buttons-row-reverse {
flex-direction: row-reverse;
}
} }
ion-header.no-title { ion-header.no-title {