From 4210c985b7ffebadc5d716791525bc99638bf7b3 Mon Sep 17 00:00:00 2001
From: Lissy93 <alicia@omg.lol>
Date: Sat, 2 Jul 2022 22:28:09 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Adds=20section-specific=20class?=
 =?UTF-8?q?=20names=20(#769)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LinkItems/Collapsable.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/LinkItems/Collapsable.vue b/src/components/LinkItems/Collapsable.vue
index 75f4bc37..874a9345 100644
--- a/src/components/LinkItems/Collapsable.vue
+++ b/src/components/LinkItems/Collapsable.vue
@@ -2,7 +2,7 @@
   <div
     v-bind:class="[
     { 'is-open': isExpanded, 'full-height': cutToHeight },
-    `collapsable ${rowColSpanClass}`
+    `collapsable ${rowColSpanClass}`, sectionClassName
     ]"
     :style="`${color ? 'background: '+color : ''}; ${sanitizeCustomStyles(customStyles)};`"
   >
@@ -74,6 +74,10 @@ export default {
       const { rows, cols, checkSpanNum } = this;
       return `${checkSpanNum(cols, 'col')} ${checkSpanNum(rows, 'row')}`;
     },
+    sectionClassName() {
+      if (!this.title) return 'unnamed-section';
+      return `section_${this.title.replaceAll(' ', '-').toLowerCase()}`;
+    },
     /* Used to fetch initial collapse state, and set new collapse state on change */
     isExpanded: {
       get() {