diff options
| -rw-r--r-- | assets/css/default.css | 20 | ||||
| -rw-r--r-- | 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> |