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

[ADF-3746] Add style lint rules (#3975)

Browse Source 
* add stylelint

* fix style first part

*  fix style second part

*  fix style third part

*  fix style fourth part

* Fix e2e tests first part

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* fix insights

* fix style abotu component

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* [ADF-3746] Rebase branch

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

* Fix list error

* fix new style added

* tslint fix

* [ADF-3746] Fix scss errors on Process Filters Cloud component
This commit is contained in:
davidcanonieto
2018-11-28 14:43:18 +00:00
committed by Eugenio Romano
parent 5fc03cf26b
commit 1a21f234b6
234 changed files with 2328 additions and 1058 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/core/login/components/login-dialog-panel.component.scss
View File

@@ -6,15 +6,13 @@
$foreground: map-get($theme, foreground);
$text-color-primary: mat-color($foreground, text);
.adf-panel-login-dialog-component .adf-login-content {
.adf-panel-login-dialog-component .adf-login-content {
.mat-card-actions,
.adf-login-button,
.adf-login__remember-me,
.copyright {
.adf-copyright {
display: none;
}
}
}

2
lib/core/login/components/login-dialog.component.scss
View File

@@ -8,7 +8,7 @@
.adf-login-dialog-content adf-login .adf-login-content .adf-login-card-wide {
padding: 0px;
padding: 0;
box-shadow: none;
}
}

25
lib/core/login/components/login.component.html
View File

@@ -1,6 +1,6 @@
<div class="adf-login-content" [style.background-image]="'url(' + backgroundImageUrl + ')'">
<div class="ie11FixerParent">
<div class="ie11FixerChild">
<div class="adf-ie11FixerParent">
<div class="adf-ie11FixerChild">
<mat-card class="adf-login-card-wide">
<form id="adf-login-form" [formGroup]="form" (submit)="onSubmit(form.value)" autocomplete="off">
@@ -25,15 +25,15 @@
<!--ERRORS AREA-->
<div class="adf-error-container">
<div *ngIf="isError" id="login-error" data-automation-id="login-error"
class="error adf-error-message">
<mat-icon class="error-icon">warning</mat-icon>
<span class="login-error-message">{{errorMsg | translate }}</span>
class="adf-error adf-error-message">
<mat-icon class="adf-error-icon">warning</mat-icon>
<span class="adf-login-error-message">{{errorMsg | translate }}</span>
</div>
</div>
<!--USERNAME FIELD-->
<div class="adf-login__field"
[ngClass]="{'is-invalid': isErrorStyle(form.controls.username)}">
[ngClass]="{'adf-is-invalid': isErrorStyle(form.controls.username)}">
<mat-form-field class="adf-full-width" floatPlaceholder="never" color="primary">
<input matInput placeholder="{{'LOGIN.LABEL.USERNAME' | translate }}"
type="text"
@@ -82,8 +82,8 @@
<button type="submit" id="login-button" tabindex="4"
class="adf-login-button"
mat-raised-button color="primary"
[class.isChecking]="actualLoginStep === LoginSteps.Checking"
[class.isWelcome]="actualLoginStep === LoginSteps.Welcome"
[class.adf-isChecking]="actualLoginStep === LoginSteps.Checking"
[class.adf-isWelcome]="actualLoginStep === LoginSteps.Welcome"
data-automation-id="login-button" [disabled]="!form.valid">
<span *ngIf="actualLoginStep === LoginSteps.Landing" class="adf-login-button-label">{{ 'LOGIN.BUTTON.LOGIN' | translate }}</span>
@@ -101,15 +101,14 @@
<div *ngIf="actualLoginStep === LoginSteps.Welcome" class="adf-interactive-login-label">
<span class="adf-login-button-label">{{ 'LOGIN.BUTTON.WELCOME' | translate }}</span>
<mat-icon class="welcome-icon">done</mat-icon>
<mat-icon class="adf-welcome-icon">done</mat-icon>
</div>
</button>
<div *ngIf="showRememberMe" class="adf-login__remember-me">
<mat-checkbox id="adf-login-remember" color="primary" class="adf-login-rememberme"
<mat-checkbox id="adf-login-remember" color="primary" class="adf-login-remember-me"
[checked]="rememberMe"
(change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate
}}
(change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate }}
</mat-checkbox>
</div>
</div>
@@ -147,7 +146,7 @@
</form>
</mat-card>
<div class="copyright" data-automation-id="login-copyright">
<div class="adf-copyright" data-automation-id="login-copyright">
{{ copyrightText }}
</div>

48
lib/core/login/components/login.component.scss
View File

@@ -28,7 +28,7 @@
}
}
.ie11FixerParent {
.adf-ie11FixerParent {
margin-top: 16px;
min-width: 320px;
@@ -42,23 +42,23 @@
}
// IE11 vertical centering
.ie11FixerChild {
.adf-ie11FixerChild {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
align-items: center;
}
.show {
.adf-show {
display: block !important;
}
.hide {
.adf-hide {
display: none !important;
}
.icon-inline {
.adf-icon-inline {
position: absolute;
display: block;
top: 31%;
@@ -73,7 +73,7 @@
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
width: 450px;
min-width: 320px;
padding: 21px 64px 34px 64px;
padding: 21px 64px 34px;
box-sizing: border-box;
}
@@ -94,16 +94,16 @@
justify-content: flex-start;
color: mat-color($warn);
padding: 0px;
padding: 0;
margin-bottom: 4px;
font-size: 13px;
}
.adf-error-message .error-icon {
.adf-error-message .adf-error-icon {
margin-right: 10px;
}
.mat-card-header-text{
.mat-card-header-text {
margin: 0 auto;
}
@@ -114,7 +114,7 @@
}
.adf-alfresco-logo {
padding: 24px 16px 24px 16px;
padding: 24px 16px;
}
.adf-alfresco-logo img {
@@ -132,20 +132,20 @@
color: rgb(255, 255, 255);
}
.adf-login-button.isChecking {
.adf-login-button.adf-isChecking {
background-color: #e0f7fa;
}
.adf-login-button.isChecking .adf-login-button-label {
.adf-login-button.adf-isChecking .adf-login-button-label {
color: #00bcd4;
}
.adf-login-button.isWelcome {
.adf-login-button.adf-isWelcome {
background-color: #00bcd4;
color: #ffffff;
}
.adf-login-button.isWelcome .welcome-icon {
.adf-login-button.adf-isWelcome .adf-welcome-icon {
margin: 5px 0 0 10px;
}
@@ -167,18 +167,18 @@
justify-content: center;
}
.adf-login-spinner-container{
.adf-login-spinner-container {
margin-left: 15px;
margin-top: 5px;
}
#checking-spinner > svg > circle{
.adf-login-checking-spinner > svg > circle {
stroke-width: 16% !important;
}
.adf-login-controls {
padding: 0 0 26px 0;
padding: 0 0 26px;
overflow: visible;
width: 100%;
}
@@ -206,7 +206,7 @@
text-decoration: none;
}
.is-active {
.adf-is-active {
background-color: transparent;
font-size: 12px;
font-weight: normal;
@@ -214,7 +214,7 @@
color: mat-color($warn);
}
.copyright {
.adf-copyright {
min-width: 320px;
text-align: center;
padding: 16px 0;
@@ -227,12 +227,12 @@
}
.adf-login__field .mat-form-field-wrapper {
margin: 1em 0 0 0;
margin: 1em 0 0;
font-size: 16px;
}
.adf-login__field input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px mat-color($background, dialog) inset;
-webkit-box-shadow: 0 0 0 1000px mat-color($background, dialog) inset;
-webkit-text-fill-color: $text-color-primary !important;
}
@@ -269,12 +269,12 @@
padding-bottom: 18px;
}
.adf-login-rememberme {
.adf-login-remember-me {
color: $text-color-primary !important;
}
.adf-login-action-container {
border-top: 1px solid rgba(0, 0, 0, .1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 23px;
}
}

2
lib/core/login/components/login.component.spec.ts
View File

@@ -50,7 +50,7 @@ describe('LoginComponent', () => {
const getLoginErrorMessage = () => {
let errorMessage = undefined;
let errorElement = element.querySelector('#login-error .login-error-message');
let errorElement = element.querySelector('#login-error .adf-login-error-message');
if (errorElement) {
return errorElement.innerText;