From 8918b93f9845e2f95a2845cdf2c76321aedd8a2e Mon Sep 17 00:00:00 2001
From: pollfly <75068813+pollfly@users.noreply.github.com>
Date: Mon, 3 Apr 2023 13:18:09 +0300
Subject: [PATCH] Update expansion panel design (#521)

---
 src/css/custom.css | 38 ++++++++++++++------------------------
 1 file changed, 14 insertions(+), 24 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index a74953f8..2c8284d1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -666,30 +666,7 @@ html[data-theme="light"] .icon {
   left: calc(50% - 10px);
 }
 
-
-/* light mode */
-html[data-theme="light"] .cml-expansion-panel[open] {
-  border-left-color: var(--ifm-color-primary);
-}
-html[data-theme="light"] .cml-expansion-panel,
-html[data-theme="light"] .cml-expansion-panel-summary:before {
-  background-color: #f2f2f2;
-}
-html[data-theme="light"] .cml-expansion-panel-summary {
-  color: #5a668d;
-}
-
-
-/* opened expansion */
-.cml-expansion-panel[open] {
-  border-left-color: var(--ifm-color-primary-dark);
-}
-.cml-expansion-panel[open] .cml-expansion-panel-summary:after {
-  transform: rotate(-180deg);
-}
-
-
-/* md headding style */
+/* md heading style */
 
 /* <h3> */
 .markdown h3 {
@@ -838,8 +815,21 @@ html[data-theme="dark"] .panel.configuration {
   text-align: left;
   background-color: inherit;
   border: none;
+  border-radius: var(--ifm-global-radius);
   color: var(--ifm-font-color-base);
 }
+
+html[data-theme="light"] .panel-title:hover {
+  background-color: var(--ifm-hover-overlay);
+}
+html[data-theme="dark"] .panel-title:hover {
+  background-color: var(--ifm-hover-overlay);
+}
+
+.panel-open .panel-title {
+  border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0;
+}
+
 .panel-title:after {
   content:"";
   position: absolute;