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

MOBILE-3320 login: Improve login styles

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2021-06-02 12:01:26 +02:00
parent 87fca35582
commit 4ded2ea203
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/core/features/login/login.scss
View File

@ -12,7 +12,7 @@
--color: var(--core-login-text-color); --color: var(--core-login-text-color);
p, h2, h3, .core-oauth-icon { p, h2, h3, .core-oauth-icon {
color: var(--core-login-text-color); color: var(--color);
} }
} }
ion-button.core-button-as-link { ion-button.core-button-as-link {
@ -29,13 +29,17 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
form .item { form .item,
form .item ion-label {
--background: var(--core-login-input-background); --background: var(--core-login-input-background);
--color: var(--core-login-input-color); --color: var(--core-login-input-color);
} }
form .core-username.item p { form .core-username.item p {
font-size: 16px; font-size: 16px;
}
form .core-username.item.md p {
@include padding-horizontal(8px, null); @include padding-horizontal(8px, null);
} }
@ -62,8 +66,9 @@
text-decoration: underline; text-decoration: underline;
} }
.core-login-reconnect-warning { .core-login-reconnect-warning ion-item {
font-size: 0.9em; font-size: 0.9em;
--background: var(--core-login-input-background);
} }
@if ($core-fixed-url) { @if ($core-fixed-url) {

10
src/core/features/login/pages/reconnect/reconnect.html
View File

@ -24,12 +24,12 @@
</p> </p>
<p class="core-siteurl">{{siteUrl}}</p> <p class="core-siteurl">{{siteUrl}}</p>
<ion-item *ngIf="!isLoggedOut" class="ion-text-center core-login-reconnect-warning" lines="none"> <ion-card *ngIf="!isLoggedOut" class="core-danger-card core-login-reconnect-warning">
<ion-label color="danger" class="ion-text-wrap"> <ion-item>
<ion-icon name="fas-exclamation-circle" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-exclamation-circle" slot="start" aria-hidden="true"></ion-icon>
{{ 'core.login.reconnectdescription' | translate }} <ion-label color="danger">{{ 'core.login.reconnectdescription' | translate }}</ion-label>
</ion-label> </ion-item>
</ion-item> </ion-card>
</div> </div>
<form *ngIf="!isOAuth" [formGroup]="credForm" (ngSubmit)="login($event)" class="core-login-form" #reconnectForm> <form *ngIf="!isOAuth" [formGroup]="credForm" (ngSubmit)="login($event)" class="core-login-form" #reconnectForm>
<ion-item class="ion-text-wrap core-username item-interactive"> <ion-item class="ion-text-wrap core-username item-interactive">

3
src/theme/theme.light.scss
View File

@ -206,10 +206,9 @@
--spacer-background: #{$core-spacer-background}; --spacer-background: #{$core-spacer-background};
core-spacer { core-spacer {
--item-divider-background: var(--spacer-background); --item-divider-background: var(--spacer-background);
} }
--core-combobox-background: var(--ion-item-background); --core-combobox-background: var(--ion-item-background);
--core-combobox-color: #{$core-combobox-color}; --core-combobox-color: #{$core-combobox-color};