CIT
/
Vmeda.Online
forked from EVOgeek/Vmeda.Online
2
0
Fork 0
Code Pull Requests Activity

MOBILE-3565 login: Fix some login styles

main
Pau Ferrer Ocaña 2020-11-05 14:37:33 +01:00
parent a71aa53dae
commit ec1f63c818
6 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/core/login/components/site-onboarding/site-onboarding.html
View File

@ -45,7 +45,7 @@
</div> </div>
<div *ngIf="step == 2" class="core-login-onboarding-step"> <div *ngIf="step == 2" class="core-login-onboarding-step">
<ul class="core-login-onboarding-text"> <ul class="core-login-onboarding-text ion-text-start">
<li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingcreatemanagecourses' | translate }}</li> <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingcreatemanagecourses' | translate }}</li>
<li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingenrolmanagestudents' | translate }}</li> <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingenrolmanagestudents' | translate }}</li>
<li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingprovidefeedback' | translate }}</li> <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingprovidefeedback' | translate }}</li>

7
src/app/core/login/components/site-onboarding/site-onboarding.scss
View File

@ -2,9 +2,9 @@
.core-login-onboarding-step { .core-login-onboarding-step {
padding: 10px 20px; padding: 10px 20px;
text-align: center; text-align: center;
/* @todo @include media-breakpoint-up(md) { @media (min-width: 768px) {
max-width: 80%; max-width: 80%;
}*/ }
margin: 0 auto; margin: 0 auto;
p { p {
@ -14,8 +14,7 @@
ul { ul {
margin-bottom: 30px; margin-bottom: 30px;
list-style-type: none; list-style-type: none;
// @todo @include text-align('start'); padding-inline-start: 10px;
// @todo @include padding-horizontal(10px, null);
li { li {
margin-bottom: 10px; margin-bottom: 10px;
} }

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

@ -7,7 +7,7 @@
<ion-title>{{ 'core.login.login' | translate }}</ion-title> <ion-title>{{ 'core.login.login' | translate }}</ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings/app" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button> </ion-button>

2
src/app/core/login/pages/site/site.html
View File

@ -7,7 +7,7 @@
<ion-title>{{ 'core.login.connecttomoodle' | translate }}</ion-title> <ion-title>{{ 'core.login.connecttomoodle' | translate }}</ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings/app" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button> </ion-button>

29
src/app/core/login/pages/site/site.scss
View File

@ -80,7 +80,10 @@
.core-login-site-list-loading { .core-login-site-list-loading {
position: absolute; position: absolute;
//@todo @include position(0, 0, 0, 0); top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@ -89,11 +92,12 @@
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
z-index: 1; z-index: 1;
ion-spinner { ion-spinner {
flex: 1; margin: 0 auto;
} }
} }
.core-login-site-nolist-loading { .core-login-site-nolist-loading {
margin-top: 16px;
text-align: center; text-align: center;
} }
@ -102,30 +106,29 @@
margin-top: 0; margin-top: 0;
} }
} }
/* @todo
@include media-breakpoint-up(md) { @media (min-width: 768px) {
.scroll-content > * { ion-content > * {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
} }
.core-login-site-logo {
margin-top: 20%;
}
&.hidden { ion-content .core-login-site-logo {
margin: 0; margin-top: 20%;
&.hidden {
margin-top: 0;
}
} }
} }
*/
.core-login-entered-site { .core-login-entered-site {
background-color: gray; // @todo $gray-lighter; background-color: var(--gray-lighter);
ion-thumbnail { ion-thumbnail {
box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd;
} }
} }
.core-login-default-icon { .core-login-default-icon {
filter: grayscale(100%); filter: grayscale(100%);
} }

2
src/app/core/login/pages/sites/sites.html
View File

@ -10,7 +10,7 @@
<ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate"> <ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate">
<ion-icon slot="icon-only" name="fa-pencil-alt"></ion-icon> <ion-icon slot="icon-only" name="fa-pencil-alt"></ion-icon>
</ion-button> </ion-button>
<ion-button router-direction="forward" routerLink="/settings/app" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button> </ion-button>