assets/css/default: Support details stacking and sibling expansion

1 files changed, 21 insertions, 14 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 7cd87ec..fba7068 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1304,27 +1304,27 @@ micro-header footer p {
   display: inline;
 }
 
-micro-summary article details[data-disclosure] summary {
+micro-summary details[data-disclosure] summary {
   display: block;
   margin: 0 -0.25rem 0.5rem -0.25rem;
   padding: 0.25rem;
   outline-offset: 0.05rem !important;
 }
 
-micro-summary article details[data-disclosure] summary:focus a,
-micro-summary article details[data-disclosure] summary:focus:after,
-micro-summary article details[data-disclosure][open] summary:focus:after {
+micro-summary details[data-disclosure] summary:focus a,
+micro-summary details[data-disclosure] summary:focus:after,
+micro-summary details[data-disclosure][open] summary:focus:after {
   color: inherit;
   border-color: inherit;
 }
 
-micro-summary article details[data-disclosure] summary:hover {
+micro-summary details[data-disclosure] summary:hover {
   text-decoration: underline;
   text-shadow: 0 0 currentColor;
 }
 
-micro-summary article details[data-disclosure] summary:after,
-micro-summary article details[data-disclosure][open] summary:after {
+micro-summary details[data-disclosure] summary:after,
+micro-summary details[data-disclosure][open] summary:after {
   padding: 0 0.25rem;
   margin-left: 0.5ch;
   border: 2px solid;
@@ -1334,24 +1334,31 @@ micro-summary article details[data-disclosure][open] summary:after {
   font-variant: small-caps;
 }
 
-micro-summary article details[data-disclosure] summary:after {
+micro-summary details[data-disclosure] summary:after {
   content: "hidden";
 }
 
-micro-summary article details[data-disclosure][open] summary:after {
+micro-summary details[data-disclosure][open] summary:after,
+micro-summary details[data-disclosure][open] ~ details summary:after {
   content: "showed";
 }
 
-micro-summary article details[data-disclosure] summary::-webkit-details-marker {
-  display: none;
+micro-summary details[data-disclosure][open] ~ *:not(micro-tags):not(details) {
+  display: inherit;
+  color: #444;
+  color: var(--fade);
 }
 
-micro-summary article details[data-disclosure] ~ *:not(micro-tags) {
+micro-summary details[data-disclosure][open] ~ details {
+  cursor: not-allowed;
+}
+
+micro-summary details[data-disclosure] summary::-webkit-details-marker {
   display: none;
 }
 
-micro-summary article details[data-disclosure][open] ~ * {
-  display: inherit;
+micro-summary details[data-disclosure] ~ *:not(micro-tags):not(details) {
+  display: none;
 }
 
 micro-thread related-content footer {