[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
@@ -4,7 +4,7 @@
[checked]="option.checked"
[attr.data-automation-id]="'checkbox-' + (option.name)"
(change)="changeHandler($event, option)"
class="facet-filter">
class="adf-facet-filter">
<div
matTooltip="{{ option.name | translate }}"
matTooltipPosition="right"
@@ -15,13 +15,13 @@
</mat-checkbox>
</div>
<div class="facet-buttons" *ngIf="options.fitsPage">
<div class="adf-facet-buttons" *ngIf="options.fitsPage">
<button mat-button color="primary" (click)="reset()">
{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}
</button>
</div>
<div class="facet-buttons" *ngIf="!options.fitsPage">
<div class="adf-facet-buttons" *ngIf="!options.fitsPage">
<button mat-icon-button
title="{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}"
(click)="reset()">
@@ -2,18 +2,18 @@
display: flex;
flex-direction: column;
.facet-filter {
.adf-facet-filter {
.mat-checkbox-label {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.mat-checkbox-layout {
width: 100%;
}
.facet-name {
.adf-facet-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -45,7 +45,6 @@
transform-origin: top left;
transform:translateX(-40px);
position: absolute;
max-width: 235px;
max-height: 400px;
margin-left: 45px;
margin-top: -22px;
@@ -71,7 +70,7 @@
}
}
.highlight {
.adf-highlight {
color: mat-color($primary, 900);
}
}
@@ -21,7 +21,7 @@
<mat-expansion-panel-header>
<mat-panel-title>{{ facetQueriesLabel | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<div class="facet-result-filter">
<div class="adf-facet-result-filter">
<mat-form-field>
<input
matInput
@@ -35,7 +35,7 @@
</button>
</mat-form-field>
</div>
<div class="checklist">
<div class="adf-checklist">
<ng-container *ngFor="let query of responseFacetQueries">
<mat-checkbox
[checked]="query.checked"
@@ -44,13 +44,13 @@
<div
matTooltip="{{ query.label | translate }} ({{ query.count }})"
matTooltipPosition="right"
class="facet-label">
class="adf-facet-label">
{{ query.label | translate }} ({{ query.count }})
</div>
</mat-checkbox>
</ng-container>
</div>
<div class="facet-buttons">
<div class="adf-facet-buttons">
<button mat-icon-button
*ngIf="canResetSelectedQueries"
title="{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}"
@@ -80,7 +80,7 @@
<mat-panel-title>{{ field.label | translate }}</mat-panel-title>
</mat-expansion-panel-header>
<div class="facet-result-filter">
<div class="adf-facet-result-filter">
<mat-form-field>
<input
matInput
@@ -95,7 +95,7 @@
</mat-form-field>
</div>
<div class="checklist">
<div class="adf-checklist">
<mat-checkbox
*ngFor="let bucket of field.buckets"
[checked]="bucket.checked"
@@ -104,7 +104,7 @@
<div
matTooltip="{{ bucket.display || bucket.label | translate }}"
matTooltipPosition="right"
class="facet-label">
class="adf-facet-label">
{{ bucket.display || bucket.label | translate }}
<span *ngIf="bucket.count!==null">(</span>
{{ bucket.count }}
@@ -113,7 +113,7 @@
</mat-checkbox>
</div>
<div class="facet-buttons" *ngIf="field.buckets.fitsPage">
<div class="adf-facet-buttons" *ngIf="field.buckets.fitsPage">
<button *ngIf="canResetSelectedBuckets(field)"
mat-button
color="primary"
@@ -122,7 +122,7 @@
</button>
</div>
<div class="facet-buttons" *ngIf="!field.buckets.fitsPage">
<div class="adf-facet-buttons" *ngIf="!field.buckets.fitsPage">
<button mat-icon-button
*ngIf="canResetSelectedBuckets(field)"
title="{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}"
@@ -1,6 +1,6 @@
.adf-search-filter {
.checklist {
.adf-checklist {
display: flex;
flex-direction: column;
@@ -9,12 +9,12 @@
overflow: hidden;
width: 100%;
}
.mat-checkbox-layout {
width: 100%;
}
.facet-label {
.adf-facet-label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -29,7 +29,7 @@
}
}
.facet-result-filter {
.adf-facet-result-filter {
display: flex;
flex-direction: column;
@@ -38,7 +38,7 @@
}
}
.facet-buttons {
.adf-facet-buttons {
text-align: right;
.mat-button {
@@ -4,7 +4,7 @@
<mat-radio-button [attr.data-automation-id]="'search-radio-'+(option.name | translate)"
*ngFor="let option of options"
[value]="option.value"
class="facet-filter">
class="adf-facet-filter">
<div
matTooltip="{{ option.name | translate }}"
matTooltipPosition="right"
@@ -8,18 +8,18 @@
margin: 5px;
}
.facet-filter {
.adf-facet-filter {
.mat-radio-label-content {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.mat-radio-label {
width: 100%;
}
.filter-label {
.adf-filter-label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -1,5 +1,5 @@
.adf-search-text {
.mat-form-field {
width: 100%
width: 100%;
}
}