From 7ef21415880c79991c4881f6cdbcc1cdbe26ce39 Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Thu, 18 Aug 2022 03:55:29 -0400
Subject: themes/default/layouts/_default/summary: Set limit overlay internally

To center around the content.
---
 assets/css/default.css                       | 20 ++++++++++----------
 themes/default/layouts/_default/summary.html | 14 +++++++-------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 19854ef..284a68c 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -627,17 +627,16 @@ micro-article {
   display: block;
 }
 
-micro-card[limit] {
-  position: relative;
-}
-
-micro-card[limit] micro-summary {
+micro-card[limit] micro-thumbnail,
+micro-card[limit] micro-content > :not(micro-overlay) {
   opacity: 0.4;
+  pointer-events: none;
 }
 
 micro-card[limit] micro-content {
   max-height: 25rem;
   overflow: hidden;
+  position: relative;
 }
 
 micro-card[limit] micro-overlay {
@@ -650,15 +649,16 @@ micro-card[limit] micro-overlay {
   justify-content: center;
 }
 
-[data-kind="page"] micro-card[limit],
-[data-kind="page"] micro-card[limit] micro-summary,
+[data-kind="page"] micro-card[limit] micro-thumbnail,
 [data-kind="page"] micro-card[limit] micro-content,
-input[type="checkbox"]:checked + micro-card[limit],
-input[type="checkbox"]:checked + micro-card[limit] micro-summary,
-input[type="checkbox"]:checked + micro-card[limit] micro-content {
+[data-kind="page"] micro-card[limit] micro-content > *,
+input[type="checkbox"]:checked + micro-card[limit] micro-thumbnail,
+input[type="checkbox"]:checked + micro-card[limit] micro-content,
+input[type="checkbox"]:checked + micro-card[limit] micro-content > * {
   max-height: 100%;
   opacity: 1;
   overflow: initial;
+  pointer-events: auto;
   position: unset;
 }
 
diff --git a/themes/default/layouts/_default/summary.html b/themes/default/layouts/_default/summary.html
index 7a68004..2cd38ba 100644
--- a/themes/default/layouts/_default/summary.html
+++ b/themes/default/layouts/_default/summary.html
@@ -5,19 +5,19 @@
   {{ if .Weight }}pinned{{ end }}
   {{- if $limit }}limit{{ end }}
 >
-  {{ if $limit }}
-    <micro-overlay>
-      <micro-expand>
-        <label for="expand-{{ partial "card-id.html" . }}">Click to Show</label>
-      </micro-expand>
-    </micro-overlay>
-  {{ end }}
   {{ if .ExpiryDate }}<micro-expires>{{ end }}
     <micro-summary {{ if .Draft }}draft{{ end }} title="{{- partial "meta-title.html" . -}}">
       <micro-thumbnail>
         {{ partial "profile-picture.html" . }}
       </micro-thumbnail>
       <micro-content>
+        {{ if $limit }}
+          <micro-overlay>
+            <micro-expand>
+              <label for="expand-{{ partial "card-id.html" . }}">Click to Show</label>
+            </micro-expand>
+          </micro-overlay>
+        {{ end }}
         <micro-metadata>
           {{ partial "card-meta-header.html" . }}
         </micro-metadata>
-- 
cgit v1.2.3