inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make the login great again (#2295)

Browse Source
This commit is contained in:
Popovics András
2017-09-05 11:23:10 +01:00
committed by Mario Romano
parent 7ba63d7182
commit 45bab0ebaf
1 changed files with 220 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
ng2-components/ng2-alfresco-login/src/components/login.component.scss
View File

@@ -4,23 +4,6 @@
$warn: map-get($theme, warn); $warn: map-get($theme, warn);
$background: map-get($theme, background); $background: map-get($theme, background);
.show {
display: block !important;
}
.hide {
display: none !important;
}
.icon-inline {
position: absolute;
display: block;
top: 31%;
left: 82%;
width: 30px;
overflow: hidden;
}
.adf-login-content { .adf-login-content {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@@ -46,6 +29,22 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.show {
display: block !important;
}
.hide {
display: none !important;
}
.icon-inline {
position: absolute;
display: block;
top: 31%;
left: 82%;
width: 30px;
overflow: hidden;
} }
.adf-login-card-wide { .adf-login-card-wide {
@@ -64,21 +63,10 @@
} }
} }
.error { .adf-error-message {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal; box-orient: horizontal;
flex-direction: row; flex-direction: row;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
box-pack: flex-start;
justify-content: flex-start; justify-content: flex-start;
color: mat-color($warn); color: mat-color($warn);
@@ -87,7 +75,7 @@
font-size: 13px; font-size: 13px;
} }
.error .error-icon { .adf-error-message .error-icon {
margin-right: 10px; margin-right: 10px;
} }
@@ -186,11 +174,6 @@
text-decoration: none; text-decoration: none;
} }
/* Known issue in angular material design module in betas */
> > > .rememberme-cb label > div {
margin-right: 8px;
}
.is-active { .is-active {
background-color: transparent; background-color: transparent;
font-size: 12px; font-size: 12px;
@@ -220,11 +203,15 @@
opacity: 0.54; opacity: 0.54;
} }
.adf-login__field > > > .mat-input-wrapper { .adf-login__field .mat-input-wrapper {
margin: 1em 0 0 0; margin: 1em 0 0 0;
font-size: 16px; font-size: 16px;
} }
.adf-login__field input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.adf-login-validation { .adf-login-validation {
background-color: transparent; background-color: transparent;
color: mat-color($warn); color: mat-color($warn);
@@ -235,7 +222,7 @@
color: mat-color($warn); color: mat-color($warn);
position: absolute; position: absolute;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: -12px;
display: block; display: block;
} }
@@ -251,7 +238,7 @@
padding-top: 22px; padding-top: 22px;
} }
.adf-login__remember-me > > > .mat-checkbox-label { .adf-login__remember-me .mat-checkbox-label {
opacity: 0.87; opacity: 0.87;
} }
@@ -266,4 +253,5 @@
border-top: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1);
margin-top: 23px; margin-top: 23px;
} }
}
} }