fix: default theme summary and detail (#4156)

Fix incorrect styling with detail/summary elements when nested together.
requarks · Oct 9, 2021 · e8d56c2 · e8d56c2
1 parent 12aef93
commit e8d56c2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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%);
       }
     }