diff options
| author | tdro <tdro@noreply.example.com> | 2022-08-18 03:55:29 -0400 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2022-08-18 03:55:29 -0400 |
| commit | 7ef21415880c79991c4881f6cdbcc1cdbe26ce39 (patch) | |
| tree | 67f30e80319b720704249994094911b8a6788cb2 | |
| parent | 7f1649b1674e7f50b29d241f27ad999e5ade6c77 (diff) | |
| download | canory-7ef21415880c79991c4881f6cdbcc1cdbe26ce39.tar.gz canory-7ef21415880c79991c4881f6cdbcc1cdbe26ce39.tar.bz2 canory-7ef21415880c79991c4881f6cdbcc1cdbe26ce39.zip | |
themes/default/layouts/_default/summary: Set limit overlay internally
To center around the content.
| -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> |