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

MOBILE-3401 login: Add darkmode styles for login

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2020-06-22 11:50:34 +02:00
parent 9269d558fd
commit e12ceb59db
4 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/core/login/login.scss
View File

@ -97,4 +97,12 @@ ion-app.app-root page-core-login-site {
max-width: 300px;
margin: 5px auto;
}
.item.item-block {
background: transparent;
@include darkmode() {
background: transparent;
}
}
}

6
src/core/login/pages/forgotten-password/forgotten-password.scss
View File

@ -1,6 +0,0 @@
ion-app.app-root page-core-login-forgotten-password {
.content {
background: -webkit-radial-gradient(white, $gray-light);
background: radial-gradient(white, $gray-light);
}
}

4
src/core/login/pages/site/site.html
View File

@ -19,7 +19,7 @@
<ng-container *ngIf="!fixedSites">
<ion-item>
<ion-label stacked><h2>{{ 'core.login.siteaddress' | translate }}</h2></ion-label>
<ion-input type="url" name="url" placeholder="https://campus.example.edu" formControlName="siteUrl" [core-auto-focus]="showKeyboard" (ionChange)="searchSite($event, siteForm.value.siteUrl)"></ion-input>
<ion-input name="url" placeholder="https://campus.example.edu" formControlName="siteUrl" [core-auto-focus]="showKeyboard" (ionChange)="searchSite($event, siteForm.value.siteUrl)"></ion-input>
</ion-item>
</ng-container>
@ -59,7 +59,7 @@
<ng-container *ngIf="!fixedSites && showScanQR && !hasSites && !enteredSiteUrl">
<div class="core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
<ion-item>
<ion-item class="core-login-site-qrcode">
<a ion-button block color="light" margin-top icon-start (click)="showInstructionsAndScanQR()">
<core-icon name="fa-qrcode" aria-hidden="true"></core-icon>
{{ 'core.scanqr' | translate }}

14
src/core/login/pages/site/site.scss
View File

@ -11,12 +11,14 @@ ion-app.app-root page-core-login-site {
}
}
.core-login-need-help.item {
background: transparent;
text-decoration: underline;
@include darkmode() {
background: transparent;
.item.item-block {
&.core-login-need-help.item {
text-decoration: underline;
}
&.core-login-site-qrcode {
.item-inner {
border-bottom: 0;
}
}
}