From cc6b5cba9c20db23cb2fca59e6a18881a5f6a6f0 Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Fri, 19 Dec 2025 09:33:07 +0100
Subject: [PATCH 1/3] Use hash for conditional class

---
 app/views/cards/comments/_comment.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/cards/comments/_comment.html.erb b/app/views/cards/comments/_comment.html.erb
index 2f8a120a0..f01a9df91 100644
--- a/app/views/cards/comments/_comment.html.erb
+++ b/app/views/cards/comments/_comment.html.erb
@@ -1,6 +1,6 @@
 <% cache comment do %>
   <%# Helper Dependency Updated: avatar_image_tag 2025-12-15 %>
-  <%= turbo_frame_tag comment, :container, class: ["comment--system": comment.creator.system?] do %>
+  <%= turbo_frame_tag comment, :container, class: { "comment--system": comment.creator.system? } do %>
     <%# Cache bump 2025-12-14: action text attachment rendering changed for lightbox -%>
     <div id="<%= dom_id(comment) %>" data-creator-id="<%= comment.creator_id %>"  class="comment align-start full-width">
       <figure class="comment__avatar flex-item-no-shrink" aria-hidden="true">

From e52eba9c4e5f9fa32d47eead28e66ba09365b833 Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Fri, 19 Dec 2025 09:34:23 +0100
Subject: [PATCH 2/3] Rename `.comment--system` to `.system-comment`

---
 app/assets/stylesheets/comments.css        | 10 +++++-----
 app/views/cards/comments/_comment.html.erb |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/comments.css b/app/assets/stylesheets/comments.css
index c3dbb7d74..3c54a65f9 100644
--- a/app/assets/stylesheets/comments.css
+++ b/app/assets/stylesheets/comments.css
@@ -36,7 +36,7 @@
       padding: var(--comment-padding-block) 0 0;
     }
 
-    .comment--system & {
+    .system-comment & {
       --comment-padding-block: var(--block-space-half);
 
       text-align: center;
@@ -72,7 +72,7 @@
           var(--stripe-color) 1px 10px);
         padding-inline: var(--comment-padding-inline);
 
-        .comments--system-expanded .comment--system & {
+        .comments--system-expanded .system-comment & {
           --stripe-color: color-mix(in srgb, var(--card-color) 10%, var(--color-canvas));
         }
 
@@ -144,7 +144,7 @@
     position: absolute;
   }
 
-  .comment--system {
+  .system-comment {
     display: none;
     transition: var(--dialog-duration) allow-discrete;
     transition-property: display;
@@ -155,7 +155,7 @@
   }
 
   /* Show the last system comment */
-  :nth-last-child(1 of .comment--system) {
+  :nth-last-child(1 of .system-comment) {
     display: contents;
 
     .comment__history {
@@ -164,7 +164,7 @@
   }
 
   /* Hide the "Show history" button if there's only one system comment */
-  :nth-child(1 of .comment--system) {
+  :nth-child(1 of .system-comment) {
     .comment__history {
       display: none;
     }
diff --git a/app/views/cards/comments/_comment.html.erb b/app/views/cards/comments/_comment.html.erb
index f01a9df91..8573425ea 100644
--- a/app/views/cards/comments/_comment.html.erb
+++ b/app/views/cards/comments/_comment.html.erb
@@ -1,6 +1,6 @@
 <% cache comment do %>
   <%# Helper Dependency Updated: avatar_image_tag 2025-12-15 %>
-  <%= turbo_frame_tag comment, :container, class: { "comment--system": comment.creator.system? } do %>
+  <%= turbo_frame_tag comment, :container, class: { "system-comment": comment.creator.system? } do %>
     <%# Cache bump 2025-12-14: action text attachment rendering changed for lightbox -%>
     <div id="<%= dom_id(comment) %>" data-creator-id="<%= comment.creator_id %>"  class="comment align-start full-width">
       <figure class="comment__avatar flex-item-no-shrink" aria-hidden="true">

From 5657ee0455218d5c35450a7e17b0f49c061d41fc Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Fri, 19 Dec 2025 09:37:07 +0100
Subject: [PATCH 3/3] Remove extra space

---
 app/views/cards/comments/_comment.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/cards/comments/_comment.html.erb b/app/views/cards/comments/_comment.html.erb
index 8573425ea..a648ffb51 100644
--- a/app/views/cards/comments/_comment.html.erb
+++ b/app/views/cards/comments/_comment.html.erb
@@ -2,7 +2,7 @@
   <%# Helper Dependency Updated: avatar_image_tag 2025-12-15 %>
   <%= turbo_frame_tag comment, :container, class: { "system-comment": comment.creator.system? } do %>
     <%# Cache bump 2025-12-14: action text attachment rendering changed for lightbox -%>
-    <div id="<%= dom_id(comment) %>" data-creator-id="<%= comment.creator_id %>"  class="comment align-start full-width">
+    <div id="<%= dom_id(comment) %>" data-creator-id="<%= comment.creator_id %>" class="comment align-start full-width">
       <figure class="comment__avatar flex-item-no-shrink" aria-hidden="true">
         <%= avatar_tag comment.creator, hidden_for_screen_reader: true %>
       </figure>