DEV: Update linting (#635)

Gemfile.lock

@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (8.0.0)
+    activesupport (8.0.1)
       base64
       benchmark (>= 0.3)
       bigdecimal
@@ -17,40 +17,42 @@ GEM
     ast (2.4.2)
     base64 (0.2.0)
     benchmark (0.4.0)
-    bigdecimal (3.1.8)
+    bigdecimal (3.1.9)
-    concurrent-ruby (1.3.4)
+    concurrent-ruby (1.3.5)
-    connection_pool (2.4.1)
+    connection_pool (2.5.0)
     drb (2.2.1)
-    i18n (1.14.6)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.8.2)
+    json (2.10.1)
-    language_server-protocol (3.17.0.3)
+    language_server-protocol (3.17.0.4)
-    logger (1.6.1)
+    lint_roller (1.1.0)
-    minitest (5.25.1)
+    logger (1.6.6)
+    minitest (5.25.4)
     parallel (1.26.3)
-    parser (3.3.6.0)
+    parser (3.3.7.1)
       ast (~> 2.4.1)
       racc
     prettier_print (1.2.1)
     racc (1.8.1)
     rack (3.1.10)
     rainbow (3.1.1)
-    regexp_parser (2.9.2)
+    regexp_parser (2.10.0)
-    rubocop (1.68.0)
+    rubocop (1.72.2)
       json (~> 2.3)
-      language_server-protocol (>= 3.17.0)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.1.0)
       parallel (~> 1.10)
       parser (>= 3.3.0.2)
       rainbow (>= 2.2.2, < 4.0)
-      regexp_parser (>= 2.4, < 3.0)
+      regexp_parser (>= 2.9.3, < 3.0)
-      rubocop-ast (>= 1.32.2, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
       ruby-progressbar (~> 1.7)
-      unicode-display_width (>= 2.4.0, < 3.0)
+      unicode-display_width (>= 2.4.0, < 4.0)
-    rubocop-ast (1.36.1)
+    rubocop-ast (1.38.0)
       parser (>= 3.3.1.0)
     rubocop-capybara (2.21.0)
       rubocop (~> 1.41)
-    rubocop-discourse (3.8.6)
+    rubocop-discourse (3.9.3)
       activesupport (>= 6.1)
       rubocop (>= 1.59.0)
       rubocop-capybara (>= 2.0.0)
@@ -60,23 +62,27 @@ GEM
       rubocop-rspec_rails (>= 2.30.0)
     rubocop-factory_bot (2.26.1)
       rubocop (~> 1.61)
-    rubocop-rails (2.27.0)
+    rubocop-rails (2.30.1)
       activesupport (>= 4.2.0)
+      lint_roller (~> 1.1)
       rack (>= 1.1)
-      rubocop (>= 1.52.0, < 2.0)
+      rubocop (>= 1.72.1, < 2.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
-    rubocop-rspec (3.2.0)
+    rubocop-rspec (3.5.0)
-      rubocop (~> 1.61)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
     rubocop-rspec_rails (2.30.0)
       rubocop (~> 1.61)
       rubocop-rspec (~> 3, >= 3.0.1)
     ruby-progressbar (1.13.0)
-    securerandom (0.3.2)
+    securerandom (0.4.1)
     syntax_tree (6.2.0)
       prettier_print (>= 1.2.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (2.6.0)
+    unicode-display_width (3.1.4)
+      unicode-emoji (~> 4.0, >= 4.0.4)
+    unicode-emoji (4.0.4)
     uri (1.0.2)
 
 PLATFORMS
@@ -87,4 +93,4 @@ DEPENDENCIES
   syntax_tree
 
 BUNDLED WITH
-   2.5.18
+   2.6.4

assets/stylesheets/assigns.scss

@@ -206,6 +206,12 @@
       width: 45px;
       margin-right: 0.5em;
       text-align: center;
+      grid-area: avatar;
+
+      a {
+        padding: 0;
+        padding-right: 0.5em;
+      }
 
       svg {
         width: 40px;
@@ -214,7 +220,7 @@
     }
 
     .assign-names {
-      font-size: $font-down-1;
+      font-size: var(--font-down-1);
       grid-area: names;
       overflow: hidden;
       line-height: normal;
@@ -231,18 +237,9 @@
     }
 
     .assign-count {
-      font-size: $font-up-2;
+      font-size: var(--font-up-2);
       grid-area: count;
     }
-
-    .assign-image {
-      grid-area: avatar;
-
-      a {
-        padding: 0;
-        padding-right: 0.5em;
-      }
-    }
   }
 
   .search {

assets/stylesheets/mobile/assigns.scss

@@ -8,6 +8,8 @@
 .assigned-topic-list-item {
   .topic-list-data {
     max-width: unset;
+    display: grid;
+    grid-template-columns: 1fr 37px; // 37px is size of button
   }
 
   .pull-right .num.activity {
@@ -41,11 +43,6 @@
   }
 }
 
-.assigned-topic-list-item .topic-list-data {
-  display: grid;
-  grid-template-columns: 1fr 37px; // 37px is size of button
-}
-
 .select-kit-row[data-value="unassign-mobile-header"] {
   background: rgba(var(--primary-low-rgb), 0.5);
   pointer-events: none;
@@ -64,7 +61,7 @@
       width: auto;
 
       .username {
-        font-size: $font-down-1;
+        font-size: var(--font-down-1);
         color: var(--primary-medium);
       }
     }
@@ -100,7 +97,7 @@
   li > a {
     .assign-names,
     .assign-count {
-      font-size: $font-0;
+      font-size: var(--font-0);
     }
 
     .assign-image,

package.json

@@ -1,10 +1,11 @@
 {
   "private": true,
   "devDependencies": {
-    "@discourse/lint-configs": "2.4.0",
+    "@discourse/lint-configs": "2.5.0",
     "ember-template-lint": "6.1.0",
     "eslint": "9.19.0",
-    "prettier": "2.8.8"
+    "prettier": "2.8.8",
+    "stylelint": "16.14.1"
   },
   "engines": {
     "node": ">= 22",

stylelint.config.mjs

@@ -0,0 +1,3 @@
+export default {
+  extends: ["@discourse/lint-configs/stylelint"],
+};