From 1f9042cb728a5ddb3e356748bfb88c5fb3ffcdba Mon Sep 17 00:00:00 2001
From: Maik de Kruif <maik@maik.dev>
Date: Mon, 30 Dec 2024 19:39:45 +0100
Subject: [PATCH] Fix links messing up count

---
 .../assets/scss/_collapsible-block.scss       | 26 +++++++++++--------
 .../layouts/shortcodes/collapsible-block.html |  4 ++-
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/themes/maik-blog/assets/scss/_collapsible-block.scss b/themes/maik-blog/assets/scss/_collapsible-block.scss
index ed7e0ef..d8cedac 100644
--- a/themes/maik-blog/assets/scss/_collapsible-block.scss
+++ b/themes/maik-blog/assets/scss/_collapsible-block.scss
@@ -16,8 +16,7 @@
         max-height: 80vh;
         overflow: auto;
 
-        transition: max-height 0.15s ease, padding-top 0.15s ease,
-            padding-bottom 0.15s ease;
+        transition: max-height 0.15s ease;
 
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
@@ -28,15 +27,22 @@
             background-color: darken($dark-background-secondary, 6%);
         }
 
-        padding: 0 1em;
+        &-child {
+            transition: margin 0.15s ease;
 
-        &:has(> :last-child:nth-child(1)),
-        &:not(:has(*)) {
-            padding: 1em;
-        }
+            margin: 1em;
+
+            .highlight {
+                margin: 0 -1em;
+
+                &:first-child {
+                    margin-top: -1em;
+                }
 
-        &:has(.highlight) {
-            padding: 0 !important;
+                &:last-child {
+                    margin-bottom: -1em;
+                }
+            }
         }
     }
 
@@ -44,8 +50,6 @@
         ~ .collapsible-block__content {
             max-height: 0;
 
-            padding-top: 0;
-            padding-bottom: 0;
             border-top: none;
             overflow: hidden;
         }
diff --git a/themes/maik-blog/layouts/shortcodes/collapsible-block.html b/themes/maik-blog/layouts/shortcodes/collapsible-block.html
index f4f7aec..e307c95 100644
--- a/themes/maik-blog/layouts/shortcodes/collapsible-block.html
+++ b/themes/maik-blog/layouts/shortcodes/collapsible-block.html
@@ -12,6 +12,8 @@
       data-label-collapse="{{ .Get "collapse" | default "▽" }}"></span>
   </label>
   <div class="collapsible-block__content">
-    {{ .Inner | markdownify }}
+    <div class="collapsible-block__content-child">
+      {{ .Inner | markdownify }}
+    </div>
   </div>
 </div>