fix: default theme summary and detail (#4156)

Fix incorrect styling with detail/summary elements when nested together.
3 years ago · e8d56c28eb
parent 12aef93cd6
commit e8d56c28eb
1 changed files with 4 additions and 4 deletions
--- 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%);
      }
    }