Lint fixes

angular · Aug 31, 2023 · aac2232 · aac2232
1 parent d990ad0
commit aac2232
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 14 deletions.
diff --git a/src/dev-app/drag-drop/drag-drop-demo.html b/src/dev-app/drag-drop/drag-drop-demo.html
@@ -1,12 +1,12 @@
 <div cdkDropListGroup>
   <div class="demo-list">
-
     <h2>To do</h2>
     <div
       cdkDropList
       (cdkDropListDropped)="drop($event)"
       [cdkDropListLockAxis]="axisLock"
-      [cdkDropListData]="todo">
+      [cdkDropListData]="todo"
+    >
       <div *ngFor="let item of todo" cdkDrag>
         {{item}}
         <mat-icon cdkDragHandle svgIcon="dnd-move"></mat-icon>
@@ -20,7 +20,8 @@ <h2>Done</h2>
       cdkDropList
       (cdkDropListDropped)="drop($event)"
       [cdkDropListLockAxis]="axisLock"
-      [cdkDropListData]="done">
+      [cdkDropListData]="done"
+    >
       <div *ngFor="let item of done" cdkDrag>
         {{item}}
         <mat-icon cdkDragHandle svgIcon="dnd-move"></mat-icon>
@@ -37,7 +38,8 @@ <h2>Ages</h2>
       cdkDropListOrientation="horizontal"
       (cdkDropListDropped)="drop($event)"
       [cdkDropListLockAxis]="axisLock"
-      [cdkDropListData]="ages">
+      [cdkDropListData]="ages"
+    >
       <div *ngFor="let item of ages" cdkDrag>
         {{item}}
         <mat-icon cdkDragHandle svgIcon="dnd-move"></mat-icon>
@@ -52,7 +54,8 @@ <h2>Preferred Ages</h2>
       cdkDropListOrientation="horizontal"
       (cdkDropListDropped)="drop($event)"
       [cdkDropListLockAxis]="axisLock"
-      [cdkDropListData]="preferredAges">
+      [cdkDropListData]="preferredAges"
+    >
       <div *ngFor="let item of preferredAges" cdkDrag>
         {{item}}
         <mat-icon cdkDragHandle svgIcon="dnd-move"></mat-icon>
@@ -63,21 +66,44 @@ <h2>Preferred Ages</h2>
 
 <div class="demo-list">
   <h2>Free dragging</h2>
-  <div cdkDrag class="demo-free-draggable" [cdkDragLockAxis]="axisLock" [cdkDragStartDelay]="dragStartDelay">Drag me around</div>
+  <div
+    cdkDrag
+    class="demo-free-draggable"
+    [cdkDragLockAxis]="axisLock"
+    [cdkDragStartDelay]="dragStartDelay"
+  >
+    Drag me around
+  </div>
 </div>
 
 <div>
   <h2>Drag with box boundary</h2>
-  <div class="constrain-box" id="constrain-box-1">
-     <div cdkDrag class="demo-free-draggable" [cdkDragLockAxis]="axisLock" [cdkDragStartDelay]="dragStartDelay" cdkDragBoundary="#constrain-box-1">Drag me around</div>
+  <div class="demo-constrain-box" id="constrain-box-1">
+    <div
+      cdkDrag
+      class="demo-free-draggable"
+      [cdkDragLockAxis]="axisLock"
+      [cdkDragStartDelay]="dragStartDelay"
+      cdkDragBoundary="#constrain-box-1"
+    >
+      Drag me around
+    </div>
   </div>
 </div>
 
-
 <div>
   <h2>Drag with box boundary and custom constrain</h2>
-  <div class="constrain-box" id="constrain-box-2">
-     <div cdkDrag class="demo-free-draggable" [cdkDragLockAxis]="axisLock" [cdkDragStartDelay]="dragStartDelay" cdkDragBoundary="#constrain-box-2" [cdkDragConstrainPosition]="constrainPosition">Drag me around</div>
+  <div class="demo-constrain-box" id="constrain-box-2">
+    <div
+      cdkDrag
+      class="demo-free-draggable"
+      [cdkDragLockAxis]="axisLock"
+      [cdkDragStartDelay]="dragStartDelay"
+      cdkDragBoundary="#constrain-box-2"
+      [cdkDragConstrainPosition]="constrainPosition"
+    >
+      Drag me around
+    </div>
   </div>
 </div>
 
@@ -105,6 +131,6 @@ <h2>Axis locking</h2>
   <h2>Drag start delay</h2>
 
   <mat-form-field>
-    <input matInput placeholder="Drag start delay" value="0" [(ngModel)]="dragStartDelay">
+    <input matInput placeholder="Drag start delay" value="0" [(ngModel)]="dragStartDelay" />
   </mat-form-field>
 </div>
diff --git a/src/dev-app/drag-drop/drag-drop-demo.scss b/src/dev-app/drag-drop/drag-drop-demo.scss
@@ -100,8 +100,8 @@ pre {
   align-items: center;
 }
 
-.constrain-box {
+.demo-constrain-box {
   width: 600px;
   height: 400px;
   border: 1px solid black;
-}
+}