From e8d56c28ebd83e937d938f2d58b9a7c91b2d9136 Mon Sep 17 00:00:00 2001
From: n1xx1 <me@simonemiraglia.it>
Date: Sat, 9 Oct 2021 22:54:36 +0200
Subject: [PATCH] fix: default theme summary and detail (#4156)

Fix incorrect styling with detail/summary elements when nested together.
---
 client/themes/default/scss/app.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 9ad82457..bf23bde5 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -804,7 +804,7 @@
       padding-left: 0;
     }
 
-    summary {
+    > summary {
       border-radius: 7px;
       background-color: mc('grey', '50');
       cursor: pointer;
@@ -835,7 +835,7 @@
     &[open] {
       padding: 1rem;
 
-      summary {
+      > summary {
         background-color: mc('grey', '100');
         border-bottom: 1px solid mc('grey', '300');
         border-bottom-left-radius: 0;
@@ -848,12 +848,12 @@
       background-color: mc('grey', '900');
       border-color: mc('grey', '700');
 
-      summary {
+      > summary {
         background-color: mc('grey', '900');
         border-color: mc('grey', '700');
       }
 
-      &[open] summary {
+      &[open] > summary {
         background-color: lighten(mc('grey', '900'), 5%);
       }
     }