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

* 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

View File

@@ -5,8 +5,8 @@
class="adf-breadcrumb-dropdown-trigger"
(click)="open()">
<div class="adf-breadcrumb-dropdown-trigger-icon">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
</div>
</button>
@@ -26,7 +26,7 @@
</mat-select>
<div *ngFor="let item of lastNodes; let last = last"
[class.active]="last"
[class.adf-active]="last"
[ngSwitch]="last"
title="{{ item.name | translate }}"
class="adf-breadcrumb-item"
@@ -49,7 +49,7 @@
</nav>
<nav *ngIf="!folderNode && hasRoot" data-automation-id="breadcrumb" role="navigation">
<div class="adf-breadcrumb-item active" role="listitem">
<div class="adf-breadcrumb-item adf-active" role="listitem">
<div class="adf-breadcrumb-item-current">
{{ root | translate }}
</div>

View File

@@ -65,16 +65,16 @@
z-index: 2;
}
&-arrow.isRoot {
&-arrow.adf-isRoot {
visibility: hidden;
}
&-arrow.focus {
&-arrow.adf-focus {
border: none;
}
}
&-trigger.isRoot {
&-trigger.adf-isRoot {
cursor: not-allowed;
}
}
@@ -95,14 +95,16 @@
text-overflow: ellipsis;
&:hover,
&.active {
&.adf-active {
opacity: 1;
}
&.active {
&.adf-active {
flex: 1 1 auto;
color: mat-color($foreground, text, 0.87);
/* stylelint-disable */
min-width: initial;
/* stylelint-enable */
width: auto;
}

View File

@@ -5,7 +5,7 @@
class="adf-dropdown-breadcrumb-trigger"
(click)="open()"
data-automation-id="dropdown-breadcrumb-trigger">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
</button>
<mat-icon class="adf-dropdown-breadcrumb-item-chevron">chevron_right</mat-icon>
@@ -28,6 +28,6 @@
<span
class="adf-current-folder"
[class.isRoot]="!hasPreviousNodes()"
[class.adf-isRoot]="!hasPreviousNodes()"
data-automation-id="current-folder">{{ currentNode.name }}</span>
</ng-container>

View File

@@ -25,7 +25,7 @@
margin-top: 5px;
}
&-dropdown-breadcrumb-trigger.isRoot {
&-dropdown-breadcrumb-trigger.adf-isRoot {
cursor: not-allowed;
}
@@ -51,7 +51,7 @@
width: 75%;
}
&-current-folder.isRoot {
&-current-folder.adf-isRoot {
margin-left: 0;
}