From 968809ea0aa0da6944ba900e71167d64774b4920 Mon Sep 17 00:00:00 2001
From: Himadri Bhattacharjee <107522312+lavafroth@users.noreply.github.com>
Date: Tue, 16 Sep 2025 17:59:55 +0530
Subject: [PATCH] feat: change message of collapse button

---
 themes/paprika/assets/app.css                             | 8 ++++++++
 .../layouts/shortcodes/collapsable-explanation.html       | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/themes/paprika/assets/app.css b/themes/paprika/assets/app.css
index 054b12df..75887ae3 100644
--- a/themes/paprika/assets/app.css
+++ b/themes/paprika/assets/app.css
@@ -158,6 +158,10 @@ math {
 
     .container label {
       border: var(--narrow-separator) solid var(--pro);
+
+      &::after {
+        content: 'Expand explanation';
+      }
     }
 
   }
@@ -173,6 +177,10 @@ math {
       border: var(--narrow-separator) solid var(--fog);
       padding: var(--narrow-separator) var(--small-gap);
       border-radius: var(--gap);
+
+      &::after {
+        content: 'Collapse explanation';
+      }
     }
 
 
diff --git a/themes/paprika/layouts/shortcodes/collapsable-explanation.html b/themes/paprika/layouts/shortcodes/collapsable-explanation.html
index 4ae73d82..6688bf7e 100644
--- a/themes/paprika/layouts/shortcodes/collapsable-explanation.html
+++ b/themes/paprika/layouts/shortcodes/collapsable-explanation.html
@@ -1,6 +1,6 @@
 <div class="collapsable-explanation">
   <div class="container">
-    <label><input type="checkbox"> Collapse explanation</label>
+    <label><input type="checkbox"></label>
   </div>
   {{ .Inner | .Page.RenderString }}
   <div class="container"></div>