Bump stylelint to 15.10.2 and remove deprecated module (#1189)

- Bump stylelint and stylelint-config-standard libs to the latest versions (security fixes)
- Remove deprecated stylelint-config-prettier module
- Scan the classic style sheet with stylelint and prettier in the github workflow
- Address stylelint and prettier issues in the classic stylesheet
- Bump prettier to 3.0.0

.github/workflows/web.yml

@@ -123,8 +123,12 @@ jobs:
       id: npm
 
     - name: Stylelint
-      run: npx stylelint src/static/themes/modern/style.css
+      run: |
+        npx stylelint src/static/themes/modern/style.css
+        npx stylelint src/static/themes/classic/style.css
 
     - name: Prettier
-      run: npx prettier --check src/static/themes/modern/style.css
+      run: |
+        npx prettier --check src/static/themes/modern/style.css
+        npx prettier --check src/static/themes/classic/style.css
       if: success() || failure() && steps.npm.outcome == 'success'

python/web/.stylelintrc.json

@@ -1,6 +1,7 @@
 {
-  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
+  "extends": ["stylelint-config-standard"],
   "rules": {
-    "no-descending-specificity": null
+    "no-descending-specificity": null,
+    "media-feature-range-notation": "prefix"
    }
-}
+}

python/web/package.json

@@ -1,8 +1,7 @@
 {
   "devDependencies": {
-    "prettier": "2.7.1",
-    "stylelint": "^14.14.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^29.0.0"
+    "prettier": "3.0.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-standard": "^34.0.0"
   }
 }

python/web/src/static/themes/classic/style.css

@@ -13,7 +13,9 @@ form {
   display: inline;
 }
 
-table, tr, td {
+table,
+tr,
+td {
   border: 1px solid black;
   border-collapse: collapse;
   margin: none;
@@ -48,7 +50,7 @@ div.footer {
 }
 
 div.footer div.theme-change-hint {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 
 div.logged-in {
@@ -100,7 +102,7 @@ td.inactive {
   background-color: tan;
 }
 
-ul.inline_list {
+ul.inline-list {
   list-style: none;
 }
 
@@ -113,7 +115,8 @@ summary.filename {
   text-decoration: underline;
 }
 
-.dropzone, .dropzone * {
+.dropzone,
+.dropzone * {
   box-sizing: border-box;
 }
 
@@ -134,7 +137,7 @@ summary.filename {
   position: relative;
   display: inline-block;
   width: 180px;
-  margin: .5em;
+  margin: 0.5em;
 }
 
 .dropzone .dz-preview .dz-progress {
@@ -159,7 +162,8 @@ summary.filename {
   display: block;
 }
 
-.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
+.dropzone .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark {
   position: absolute;
   display: none;
   top: 30px;