EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki 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 *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.onboardingenrolmanagestudents' | 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 {
padding: 10px 20px;
text-align: center;
/* @todo @include media-breakpoint-up(md) {
@media (min-width: 768px) {
max-width: 80%;
}*/
}
margin: 0 auto;
p {
@ -14,8 +14,7 @@
ul {
margin-bottom: 30px;
list-style-type: none;
// @todo @include text-align('start');
// @todo @include padding-horizontal(10px, null);
padding-inline-start: 10px;
li {
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-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">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</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-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">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button>

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

@ -80,7 +80,10 @@
.core-login-site-list-loading {
position: absolute;
//@todo @include position(0, 0, 0, 0);
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
@ -89,11 +92,12 @@
background-color: rgba(255, 255, 255, 0.5);
z-index: 1;
ion-spinner {
flex: 1;
margin: 0 auto;
}
}
.core-login-site-nolist-loading {
margin-top: 16px;
text-align: center;
}
@ -102,30 +106,29 @@
margin-top: 0;
}
}
/* @todo
@include media-breakpoint-up(md) {
.scroll-content > * {
@media (min-width: 768px) {
ion-content > * {
max-width: 600px;
margin: 0 auto;
width: 100%;
}
.core-login-site-logo {
margin-top: 20%;
}
&.hidden {
margin: 0;
ion-content .core-login-site-logo {
margin-top: 20%;
&.hidden {
margin-top: 0;
}
}
}
*/
.core-login-entered-site {
background-color: gray; // @todo $gray-lighter;
background-color: var(--gray-lighter);
ion-thumbnail {
box-shadow: 0 0 4px #ddd;
}
}
.core-login-default-icon {
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-icon slot="icon-only" name="fa-pencil-alt"></ion-icon>
</ion-button>
<ion-button router-direction="forward" routerLink="/settings/app"
<ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button>