[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

lib/core/comments/comment-list.component.html

@@ -2,7 +2,7 @@
     <mat-list-item *ngFor="let comment of comments"
                   (click)="selectComment(comment)"
                   class="adf-comment-list-item"
-                  [class.is-selected]="comment.isSelected"
+                  [class.adf-is-selected]="comment.isSelected"
                   id="adf-comment-{{comment?.id}}">
         <div id="comment-user-icon" class="adf-comment-img-container">
             <div

lib/core/comments/comment-list.component.scss

@@ -3,7 +3,7 @@
     $primaryColor: mat-color($primary, 100);
     $rippleColor: mat-color($primary, 300);
 
-    .is-selected {
+    .adf-is-selected {
         background: mat-color($primary, 100);
     }
 
@@ -19,7 +19,9 @@
         }
 
         &-comment-list-item {
+            /* stylelint-disable */
            white-space: initial;
+           /* stylelint-enable */
            display: table-row-group;
            padding-top: 12px;
            overflow: hidden;
@@ -28,7 +30,9 @@
            background-position: center;
 
            &:hover {
-            background: $primaryColor radial-gradient(circle, transparent 1%, $primaryColor 1%) center/15000%;
+            background: $primaryColor
+            radial-gradient(circle, transparent 1%, $primaryColor 1%)
+            center/15000%;
            }
            &:active {
             background-color: $rippleColor;
@@ -61,7 +65,9 @@
             width: calc(100% - 10px);
             padding: 2px 10px;
             font-style: italic;
+            /* stylelint-disable */
             white-space: initial !important;
+            /* stylelint-enable */
             font-size: 14px;
             letter-spacing: -0.2px;
             line-height: 1.43;

lib/core/comments/comment-list.component.spec.ts

@@ -158,7 +158,7 @@ describe('CommentListComponent', () => {
 
         commentList.clickRow.subscribe((selectedComment) => {
             fixture.detectChanges();
-            let commentSelectedList = fixture.nativeElement.querySelectorAll('.is-selected');
+            let commentSelectedList = fixture.nativeElement.querySelectorAll('.adf-is-selected');
             expect(commentSelectedList.length).toBe(1);
             expect(commentSelectedList[0].textContent).toContain('2nd Test Comment');
         });