From 3c0d2e3283c6f29bc76571b85e043f2555fa0ebd Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Thu, 9 May 2024 13:02:42 +0800
Subject: [PATCH] add border radii to collapsible elements

---
 styles/layouts/all.collapsible.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/styles/layouts/all.collapsible.css b/styles/layouts/all.collapsible.css
index f51289b..56dc4f8 100644
--- a/styles/layouts/all.collapsible.css
+++ b/styles/layouts/all.collapsible.css
@@ -3,7 +3,6 @@
 }
 
 .collapsible > li {
-     border: 1px solid var(--separator-color);
      border-bottom-width: 0px;
 }
 
@@ -11,3 +10,13 @@
      border-bottom-width: 1px;
 }
 
+.collapsible > li:first-child, .collapsible > li:first-child > .collapsible-header {
+     border-top-left-radius: 5px;
+     border-top-right-radius: 5px;
+}
+
+.collapsible > li:last-child, .collapsible > li:last-child:not(.active) > .collapsible-header, .collapsible > li.active:last-child > .collapsible-body {
+     border-bottom-left-radius: 5px;
+     border-bottom-right-radius: 5px;
+}
+