inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/form/components/form-list.component.html
View File

@@ -1,8 +1,8 @@
<adf-datatable *ngIf="!isEmpty()"
[rows]="forms">
<data-columns>
<data-column key="name" type="text" title="Name" class="ellipsis-cell" [sortable]="true"></data-column>
<data-column key="lastUpdatedByFullName" type="text" title="User" class="ellipsis-cell" [sortable]="true"></data-column>
<data-column key="name" type="text" title="Name" class="adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="lastUpdatedByFullName" type="text" title="User" class="adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="lastUpdated" type="date" format="shortDate" title="Date"></data-column>
</data-columns>
</adf-datatable>

4
lib/core/form/components/form.component.html
View File

@@ -9,9 +9,9 @@
<mat-card-title>
<h4>
<div *ngIf="showValidationIcon" class="adf-form-validation-button">
<i id="adf-valid-form-icon" class="material-icons" *ngIf="form.isValid; else no_valid_form">check_circle</i>
<i id="adf-valid-form-icon" class="adf-material-icons" *ngIf="form.isValid; else no_valid_form">check_circle</i>
<ng-template #no_valid_form>
<i id="adf-invalid-form-icon" class="material-icons invalid-color">error</i>
<i id="adf-invalid-form-icon" class="adf-material-icons adf-invalid-color">error</i>
</ng-template>
</div>
<div *ngIf="showRefreshButton" class="adf-form-reload-button">

12
lib/core/form/components/form.component.scss
View File

@@ -15,7 +15,7 @@
}
& .mat-card-header-text {
margin: 0px !important;
margin: 0 !important;
}
& .mat-tab-body-content {
@@ -36,7 +36,7 @@
}
& .mat-form-field-wrapper {
margin: 0px 12px 0px 0px;
margin: 0 12px 0 0;
}
}
@@ -48,12 +48,12 @@
padding: 10px;
}
&-form-debug-container .debug-toggle-text {
&-form-debug-container .adf-debug-toggle-text {
padding-left: 15px;
cursor: pointer;
}
&-form-debug-container .debug-toggle-text:hover {
&-form-debug-container .adf-debug-toggle-text:hover {
font-weight: bold;
}
@@ -69,7 +69,7 @@
top: 39px;
color: mat-color($accent);
& .invalid-color {
& .adf-invalid-color {
color: mat-color($warn);
}
}
@@ -79,7 +79,7 @@
}
&-task-title {
text-align: center
text-align: center;
}
&-label {

6
lib/core/form/components/widgets/amount/amount.widget.scss
View File

@@ -10,17 +10,17 @@
display: none;
}
.mat-form-field-flex{
.mat-form-field-flex {
position: relative;
padding-top: 18.5px;
}
.mat-form-field-infix{
.mat-form-field-infix {
position: static;
padding-top: 19px;
}
.adf-label{
.adf-label {
position: absolute;
top: 18.5px;
left:0;

10
lib/core/form/components/widgets/container/container.widget.html
View File

@@ -1,6 +1,6 @@
<div [hidden]="!content?.isGroup()" class="container-widget__header">
<h4 class="container-widget__header-text" id="container-header"
[class.collapsible]="content?.isCollapsible()">
<div [hidden]="!content?.isGroup()" class="adf-container-widget__header">
<h4 class="adf-container-widget__header-text" id="container-header"
[class.adf-collapsible]="content?.isCollapsible()">
<button *ngIf="content?.isCollapsible()"
mat-icon-button
class="mdl-button--icon"
@@ -11,8 +11,8 @@
</h4>
</div>
<section class="grid-list" *ngIf="content?.isExpanded">
<div class="grid-list-item" *ngFor="let field of fields" [style.width]="getColumnWith(field)">
<section class="adf-grid-list" *ngIf="content?.isExpanded">
<div class="adf-grid-list-item" *ngFor="let field of fields" [style.width]="getColumnWith(field)">
<adf-form-field *ngIf="field" [field]="field"></adf-form-field>
</div>
</section>

12
lib/core/form/components/widgets/container/container.widget.scss
View File

@@ -4,11 +4,11 @@
$accent: map-get($theme, accent);
$warn: map-get($theme, warn);
.hidden{
.adf-hidden {
display: none;
}
.container-widget__header-text {
.adf-container-widget__header-text {
border-bottom: 1px solid rgba(0, 0, 0, 0.87);
padding-bottom: 10px;
cursor: default;
@@ -21,7 +21,7 @@
/* IE/Edge */
-webkit-touch-callout: none;
/* iOS Safari */
&.collapsible {
&.adf-collapsible {
cursor: pointer;
}
}
@@ -34,14 +34,14 @@
}
container-widget {
.grid-list {
.adf-grid-list {
display: flex;
flex-wrap: wrap;
margin-left: -1%;
margin-right: -1%;
}
.grid-list-item {
.adf-grid-list-item {
flex-grow: 1;
box-sizing: border-box;
padding-left: 1%;
@@ -49,7 +49,7 @@
}
@media screen and ($mat-small) {
.grid-list-item {
.adf-grid-list-item {
flex: 1 0 100%;
}
}

6
lib/core/form/components/widgets/dropdown/dropdown.widget.scss
View File

@@ -5,12 +5,12 @@
width: 100%;
margin-top: 13px;
.adf-select{
.adf-select {
padding-top: 0 !important;
width: 100%;
}
.mat-select-value-text{
.mat-select-value-text {
font-size: 14px;
}
@@ -18,7 +18,7 @@
width: 100%;
}
&-dropdown-required-message .adf-error-text-container{
&-dropdown-required-message .adf-error-text-container {
margin-top: 1px !important;
}

2
lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.html
View File

@@ -4,7 +4,7 @@
<div *ngIf="!editMode">
<div class="adf-table-container">
<table class="full-width adf-dynamic-table" id="dynamic-table-{{content.id}}">
<table class="adf-full-width adf-dynamic-table" id="dynamic-table-{{content.id}}">
<thead>
<tr>
<th *ngFor="let column of content.visibleColumns">

24
lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss
View File

@@ -8,7 +8,7 @@
$dynamic-table-header-color: mat-color($foreground, text) !default;
$dynamic-table-header-sorted-color: mat-color($foreground, text) !default;
$dynamic-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
$dynamic-table-divider-color: mat-color($foreground, text, .07) !default;
$dynamic-table-divider-color: mat-color($foreground, text, 0.07) !default;
$dynamic-table-hover-color: #eeeeee !default;
$dynamic-table-selection-color: #e0f7fa !default;
$dynamic-table-dividers: 1px solid $dynamic-table-divider-color !default;
@@ -56,7 +56,7 @@
background-color: $dynamic-table-hover-color;
}
&.is-selected, &.is-selected:hover {
&.adf-is-selected, &.adf-is-selected:hover {
background-color: $dynamic-table-selection-color;
}
@@ -92,12 +92,12 @@
padding-top: $dynamic-table-cell-top;
box-sizing: border-box;
@include no-select;
@include adf-no-select;
cursor: default;
}
th {
@include no-select;
@include adf-no-select;
cursor: pointer;
position: relative;
vertical-align: bottom;
@@ -111,8 +111,8 @@
padding-bottom: 8px;
box-sizing: border-box;
&.sortable {
@include no-select;
&.adf-sortable {
@include adf-no-select;
&:hover {
cursor: pointer;
}
@@ -121,22 +121,22 @@
&.adf-dynamic-table__header--sorted-asc,
&.adf-dynamic-table__header--sorted-desc {
color: $dynamic-table-header-sorted-color;
&:before {
&::before {
@include typo-icon;
font-size: $dynamic-table-header-sort-icon-size;
content: "\e5d8";
content: '\e5d8';
margin-right: 5px;
vertical-align: sub;
}
&:hover {
cursor: pointer;
&:before {
&::before {
color: $dynamic-table-header-sorted-icon-hover-color;
}
}
}
&.adf-dynamic-table__header--sorted-desc:before {
content: "\e5db";
&.adf-dynamic-table__header--sorted-desc::before {
content: '\e5db';
}
}
@@ -162,7 +162,7 @@
}
}
.full-width {
.adf-full-width {
width: 100%;
}
}

2
lib/core/form/components/widgets/error/error.component.scss
View File

@@ -1,4 +1,4 @@
.adf-error-text{
.adf-error-text {
width: 85%;
}

6
lib/core/form/components/widgets/form.scss
View File

@@ -57,14 +57,14 @@
.adf-label {
color: mat-color($warn);
&:after {
&::after {
background-color: mat-color($warn);
}
}
}
}
/* query for Microsoft IE 11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
adf-form-field {
@@ -74,6 +74,6 @@
}
}
}

2
lib/core/form/components/widgets/multiline-text/multiline-text.widget.scss
View File

@@ -12,7 +12,7 @@
font-size: 12px;
line-height: 14px;
overflow: hidden;
transition: all .3s cubic-bezier(.55,0,.55,.2);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
opacity: 1;
padding-top: 5px;
text-align: right;

2
lib/core/form/components/widgets/unknown/unknown.widget.scss
View File

@@ -1,4 +1,4 @@
.adf-unknown-text{
.adf-unknown-text {
margin-left: 10px;
color: red;
}

2
lib/core/form/components/widgets/upload/upload.widget.scss
View File

@@ -36,7 +36,7 @@
&-upload-files-row {
.mat-line {
margin-bottom: 0px;
margin-bottom: 0;
}
}