From 63886379316a1253510b2050e285c8405a140dc1 Mon Sep 17 00:00:00 2001
From: David Taylor <david@taylorhq.com>
Date: Thu, 27 Oct 2022 13:07:24 +0100
Subject: [PATCH] FIX: Move group-box group name from class to data attribute
 (#18773)

Having the group name in the `class` attribute can cause a clash with 'real' CSS classes. Putting it in a data attribute is much safer, and can still be targetted via CSS if desired.
---
 app/assets/javascripts/discourse/app/templates/groups/index.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/app/templates/groups/index.hbs b/app/assets/javascripts/discourse/app/templates/groups/index.hbs
index 2d818e83df8..01a07552a88 100644
--- a/app/assets/javascripts/discourse/app/templates/groups/index.hbs
+++ b/app/assets/javascripts/discourse/app/templates/groups/index.hbs
@@ -22,7 +22,7 @@
         <div class="container">
           <div class="groups-boxes">
             {{#each this.groups as |group|}}
-              <LinkTo @route="group.members" @model={{group.name}} class={{concat "group-box " group.name}}>
+              <LinkTo @route="group.members" @model={{group.name}} class="group-box" data-group-name={{group.name}}>
                 <div class="group-box-inner">
                   <div class="group-info-wrapper">
                     {{#if group.flair_url}}