mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +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
@@ -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>
|
||||
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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>
|
||||
|
@@ -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);
|
||||
}
|
||||
}
|
||||
|
@@ -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)"
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@@ -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>
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user