Demos: fix eslint warnings (#31329)

Author: pharret31

.github/workflows/demos_visual_tests_frameworks.yml

@@ -314,7 +314,13 @@ jobs:
 
         if [ -f "changed-files.json" ]; then
           echo "Running lint-demos on changed files"
-          CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ')
+          CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json \
+            | grep '^apps/demos/Demos/' \
+            | sed 's|^apps/demos/||' \
+            | while read f; do
+                [ -f "$f" ] && echo "$f"
+              done \
+            | tr '\n' ' ')
           if [ ! -z "$CHANGED_DEMOS" ]; then
             echo "Changed demo files: $CHANGED_DEMOS"
             pnpx eslint $CHANGED_DEMOS
@@ -326,46 +332,6 @@ jobs:
           pnpm run lint-demos
         fi
 
-    - name: Run lint on changed demos
-      if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests')
-      working-directory: apps/demos
-      env:
-        DEBUG: 'eslint:cli-engine,stylelint:standalone'
-      run: |
-        pnpx nx lint-non-demos
-
-        if [ -f "changed-files.json" ]; then
-          echo "Running lint-demos on changed files"
-          CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ')
-          if [ ! -z "$CHANGED_DEMOS" ]; then
-            echo "Changed demo files: $CHANGED_DEMOS"
-            pnpx eslint $CHANGED_DEMOS
-          else
-            echo "No demo files changed, skipping lint-demos"
-          fi
-        else
-          echo "changed-files.json not found"
-          pnpm run lint-demos
-        fi
-
-    - name: Run lint on changed demos
-      if: github.event_name != 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests')
-      working-directory: apps/demos
-      env:
-        DEBUG: 'eslint:cli-engine,stylelint:standalone'
-      run: |
-        pnpx nx lint-non-demos
-
-        if [ -f "changed-files.json" ]; then
-          echo "Running lint-demos on changed files"
-          CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json | grep '^apps/demos/Demos/' | sed 's|^apps/demos/||' | tr '\n' ' ')
-          if [ ! -z "$CHANGED_DEMOS" ]; then
-            echo "Changed demo files: $CHANGED_DEMOS"
-            pnpx eslint $CHANGED_DEMOS
-          else
-            echo "No demo files changed, skipping lint-demos"
-          fi
-
   check_generated_demos:
     name: ${{ matrix.name }}
     runs-on: ubuntu-22.04

apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.css

@@ -12,12 +12,12 @@
 ::ng-deep .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 ::ng-deep .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/AreaSparklines/React/styles.css

@@ -12,12 +12,12 @@
 .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/AreaSparklines/ReactJs/styles.css

@@ -12,12 +12,12 @@
 .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/AreaSparklines/Vue/App.vue

@@ -42,7 +42,7 @@ const years = ['2010', '2011', '2012'];
 .demo-table th {
   font-weight: 400;
   width: 200px;
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/AreaSparklines/Vue/RowTemplate.vue

@@ -70,7 +70,7 @@ withDefaults(defineProps<{
 .rows-content td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/AreaSparklines/jQuery/styles.css

@@ -12,12 +12,12 @@
 .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.css

@@ -12,12 +12,12 @@
 ::ng-deep .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 ::ng-deep .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/BarSparklines/React/styles.css

@@ -12,12 +12,12 @@
 .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }
 

apps/demos/Demos/Charts/BarSparklines/ReactJs/styles.css

@@ -12,12 +12,12 @@
 .demo-table td {
   font-weight: 400;
   width: 200px;
-  padding: 25px 10px 5px 10px;
+  padding: 25px 10px 5px;
   border: 1px solid #c2c2c2;
 }
 
 .demo-table th {
-  padding: 25px 15px 20px 15px;
+  padding: 25px 15px 20px;
   border: 1px solid #c2c2c2;
 }