themes/default/layouts/_default/summary: Set limit overlay internally

To center around the content.

1 files changed, 10 insertions, 10 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;
 }