mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
[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:
committed by
Eugenio Romano
parent
5fc03cf26b
commit
1a21f234b6
+3
-3
@@ -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()">
|
||||
|
||||
+3
-3
@@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user