From 8513bd9ac5d93981e4fbb9c01200bff2657abaf3 Mon Sep 17 00:00:00 2001
From: Maik de Kruif <maik@maik.dev>
Date: Fri, 3 Jan 2025 20:44:23 +0100
Subject: [PATCH] Fix border

---
 .../maik-blog/assets/scss/_collapsible-block.scss | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/themes/maik-blog/assets/scss/_collapsible-block.scss b/themes/maik-blog/assets/scss/_collapsible-block.scss
index d8cedac..d27d6e8 100644
--- a/themes/maik-blog/assets/scss/_collapsible-block.scss
+++ b/themes/maik-blog/assets/scss/_collapsible-block.scss
@@ -2,6 +2,8 @@
     position: relative;
     width: 100%;
     margin: 30px 0;
+    border-radius: 10px;
+    overflow: hidden;
 
     &.tight {
         margin: 15px 0;
@@ -18,9 +20,6 @@
 
         transition: max-height 0.15s ease;
 
-        border-bottom-left-radius: 10px;
-        border-bottom-right-radius: 10px;
-
         background-color: lighten($light-background-secondary, 5%);
 
         .dark-theme & {
@@ -49,16 +48,9 @@
     input[type="checkbox"]:checked {
         ~ .collapsible-block__content {
             max-height: 0;
-
-            border-top: none;
             overflow: hidden;
         }
 
-        ~ label {
-            border-radius: 10px;
-            transition: border-radius 0.15s ease 0.1s;
-        }
-
         ~ label .collapsible-block__toggle:after {
             content: attr(data-label-expand);
         }
@@ -70,13 +62,10 @@
         justify-content: space-between;
         background: $light-background-secondary;
         padding: 10px;
-        border-top-left-radius: 10px;
-        border-top-right-radius: 10px;
         min-width: 30px;
         min-height: 30px;
         margin: 0;
         cursor: pointer;
-        transition: border-radius 0s ease 0s;
 
         .dark-theme & {
             background: $dark-background-secondary;