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

MOBILE-2567 ux: Make show password button rtl compatible

main
Pau Ferrer Ocaña 2018-08-30 09:51:42 +02:00
parent 41d5431fab
commit d615a6d0ff
5 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/show-password/show-password.scss
View File

@ -11,8 +11,7 @@ core-show-password {
background: transparent; background: transparent;
padding: 0 ($content-padding / 2); padding: 0 ($content-padding / 2);
position: absolute; position: absolute;
bottom: $content-padding / 2; @include position(null, 0, $content-padding / 2, null);
right: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
@ -43,7 +42,6 @@ core-show-password {
bottom: 7px; bottom: 7px;
} }
core-show-password .button[icon-only] { core-show-password .button[icon-only] {
bottom: 12px; @include position(null, 5px, 12px, null);
right: 5px;
} }
} }

2
src/core/course/components/module/module.scss
View File

@ -45,7 +45,7 @@ core-course-module {
} }
.core-module-buttons-more .spinner { .core-module-buttons-more .spinner {
right: 13px; @include position(null, 13px, null, null);
position: absolute; position: absolute;
} }
} }

2
src/core/login/pages/credentials/credentials.html
View File

@ -21,7 +21,7 @@
<ion-item *ngIf="siteChecked && !isBrowserSSO"> <ion-item *ngIf="siteChecked && !isBrowserSSO">
<ion-input type="text" name="username" placeholder="{{ 'core.login.username' | translate }}" formControlName="username" autocapitalize="none" autocorrect="off"></ion-input> <ion-input type="text" name="username" placeholder="{{ 'core.login.username' | translate }}" formControlName="username" autocapitalize="none" autocorrect="off"></ion-input>
</ion-item> </ion-item>
<ion-item *ngIf="siteChecked && !isBrowserSSO"> <ion-item *ngIf="siteChecked && !isBrowserSSO" margin-bottom>
<core-show-password item-content [name]="'password'"> <core-show-password item-content [name]="'password'">
<ion-input class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" core-show-password [clearOnEdit]="false"></ion-input> <ion-input class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" core-show-password [clearOnEdit]="false"></ion-input>
</core-show-password> </core-show-password>

2
src/core/login/pages/reconnect/reconnect.html
View File

@ -31,7 +31,7 @@
<p>{{username}}</p> <p>{{username}}</p>
</ion-item> </ion-item>
<form [formGroup]="credForm" (ngSubmit)="login()"> <form [formGroup]="credForm" (ngSubmit)="login()">
<ion-item> <ion-item margin-bottom>
<core-show-password item-content [name]="'password'"> <core-show-password item-content [name]="'password'">
<ion-input class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" [clearOnEdit]="false"></ion-input> <ion-input class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" [clearOnEdit]="false"></ion-input>
</core-show-password> </core-show-password>