[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

@@ -1,6 +1,6 @@
<div class="adf-checklist-control">
<mat-chip-list data-automation-id="checklist-label">
<span class="activiti-label">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>
<span class="adf-activiti-label">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>
<mat-chip class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</mat-chip>
</mat-chip-list>
@@ -22,7 +22,7 @@
</mat-chip-list>
</div>
<div *ngIf="checklist?.length === 0" id="checklist-none-message">
<div *ngIf="checklist?.length === 0" id="checklist-none-message" class="adf-checklist-none-message">
{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.NONE' | translate }}
</div>

View File

@@ -2,7 +2,7 @@
width: 100%;
}
.activiti-label {
.adf-activiti-label {
font-weight: bolder;
}
@@ -20,11 +20,11 @@
outline: none;
}
.adf-checklist-menu-container{
.adf-checklist-menu-container {
margin-top: 10px;
}
#checklist-none-message {
.adf-checklist-none-message {
margin-top: 10px;
}
@@ -32,7 +32,7 @@
display: flex;
justify-content: space-between;
.activiti-label {
.adfactiviti-label {
margin-top: 6px;
margin-right: 10px;
}

View File

@@ -67,7 +67,10 @@
</div>
<div class="adf-grid-column adf-grid-half-width">
<people-widget (peopleSelected)="getAssigneeId($event)" [field]="field"></people-widget>
<people-widget
(peopleSelected)="getAssigneeId($event)"
[field]="field"
class="adf-people-widget-content"></people-widget>
</div>
</div>
</div>

View File

@@ -71,7 +71,7 @@
}
}
#people-widget-content {
.adf-people-widget-content {
.mat-form-field {
width: 100%;
}
@@ -146,7 +146,7 @@
.adf-label {
color: mat-color($warn);
&:after {
&::after {
background-color: mat-color($warn);
}
}

View File

@@ -10,7 +10,7 @@
<div *ngIf="taskDetails" class="adf-task-details">
<div *ngIf="showHeader" class="adf-task-details-header">
<h2 class="activiti-task-details__header">
<h2 class="adf-activiti-task-details__header">
<span>{{taskDetails.name || 'No name'}}</span>
</h2>
</div>
@@ -82,7 +82,7 @@
<div class="adf-task-details-core-sidebar">
<adf-info-drawer *ngIf="showHeaderContent" title="{{ 'ADF_TASK_LIST.DETAILS.LABELS.INFO_DRAWER_TITLE' | translate }}" id="adf-task-details-core-sidebar-drawer" class="adf-task-details-core-sidebar-drawer">
<adf-info-drawer-tab label="{{ 'ADF_TASK_LIST.DETAILS.LABELS.INFO_DRAWER_TAB_DETAILS_TITLE' | translate }}">
<div class="assignment-container" *ngIf="showAssignee">
<div class="adf-assignment-container" *ngIf="showAssignee">
<adf-people-search
(searchPeople)="searchUser($event)"
(success)="assignTaskToUser($event)"

View File

@@ -2,18 +2,18 @@
width: 100%;
}
.error-dialog h3 {
.adf-error-dialog h3 {
margin: 16px 0;
}
.activiti-task-details__header {
.adf-activiti-task-details__header {
align-self: flex-end;
display: flex;
font-size: 24px;
font-weight: 300;
line-height: normal;
overflow: hidden;
margin: 8px 0 16px 0;
margin: 8px 0 16px;
cursor: pointer;
user-select: none;
-moz-user-select: none;
@@ -21,16 +21,17 @@
-ms-user-select: none;
}
.activiti-task-details__action-button {
.adf-activiti-task-details__action-button {
text-transform: uppercase;
}
.assignment-container {
.adf-assignment-container {
padding: 10px 20px;
width: auto;
}
adf-task-header.assign-edit-view ::ng-deep adf-card-view ::ng-deep .adf-property[data-automation-id="header-assignee"] {
adf-task-header.adf-assign-edit-view ::ng-deep adf-card-view ::ng-deep
.adf-property[data-automation-id='header-assignee'] {
display: none;
}
@@ -63,7 +64,7 @@ adf-task-header.assign-edit-view ::ng-deep adf-card-view ::ng-deep .adf-property
&-sidebar {
&-drawer {
@media screen and (max-width: 1279px) {
margin-left: 0px;
margin-left: 0;
}
}

View File

@@ -1,7 +1,7 @@
<div class="menu-container">
<mat-list class="adf-menu-list">
<mat-list-item (click)="selectFilterAndEmit(filter)" *ngFor="let filter of filters"
class="adf-filters__entry" [class.active]="currentFilter === filter">
class="adf-filters__entry" [class.adf-active]="currentFilter === filter">
<mat-icon *ngIf="showIcon" matListIcon class="adf-filters__entry-icon">{{getFilterIcon(filter.icon)}}</mat-icon>
<span matLine [attr.data-automation-id]="filter.name + '_filter'">{{filter.name}}</span>
</mat-list-item>

View File

@@ -7,7 +7,8 @@
cursor: pointer;
font-size: 14px!important;
font-weight: bold;
opacity: .54;
opacity: 0.54;
padding-left: 30px;
.mat-list-item-content {
height: 34px;
@@ -16,11 +17,11 @@
&-filters__entry-icon {
padding-right: 12px !important;
padding-left: 0px !important;
padding-left: 0 !important;
}
&-filters__entry {
&.active, &:hover {
&.adf-active, &:hover {
color: mat-color($primary);
opacity: 1;
}

View File

@@ -27,13 +27,13 @@
font-size: mat-font-size($config, display-1);
line-height: 36px;
letter-spacing: -1.3px;
opacity: .54;
opacity: 0.54;
margin: auto;
width: fit-content !important;
}
&-no-form-submessage {
font-size: mat-font-size($config, subheading-2);
opacity: .54;
opacity: 0.54;
margin: auto;
width: fit-content !important;
}