cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-08 19:26:46 -07:00
parent 2efe92318f
commit bd9eede22c
No known key found for this signature in database
2 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/styles/pages/post.css
View file

@ -5,7 +5,7 @@ article.standalone .associated-media:last-of-type > hr {
p + .associated-media, p + .associated-media,
img + .associated-media, img + .associated-media,
.banner + .associated-media, .banner + .associated-media,
.client-side + .associated-media, .client-side ~ .associated-media,
youtube-video + .associated-media { youtube-video + .associated-media {
margin-top: var(--spacing-base); margin-top: var(--spacing-base);
border-top: var(--border-gray); border-top: var(--border-gray);
@ -24,8 +24,8 @@ youtube-video + .associated-media {
} }
} }
&:has(+ .client-side > div) { &:has(~ *) {
border-bottom: var(--border-gray); margin-bottom: var(--spacing-base);
} }
& ~ youtube-video { & ~ youtube-video {

4
src/includes/partials/blocks/mastodon-post.liquid
View file

@ -1,6 +1,7 @@
{%- if post -%} {%- if post -%}
<script type="module" src="/assets/scripts/components/mastodon-post.js"></script> <script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
<template id="mastodon-post-template"> <template id="mastodon-post-template">
<div class="mastodon-post-wrapper">
<blockquote data-key="content"></blockquote> <blockquote data-key="content"></blockquote>
<dl> <dl>
<dt>{% tablericon "refresh" %}</dt> <dt>{% tablericon "refresh" %}</dt>
@ -10,14 +11,13 @@
<dt>{% tablericon "star" %}</dt> <dt>{% tablericon "star" %}</dt>
<dd data-key="favourites_count"></dd> <dd data-key="favourites_count"></dd>
</dl> </dl>
</div>
</template> </template>
<span class="client-side"> <span class="client-side">
<div class="mastodon-post-wrapper">
<mastodon-post> <mastodon-post>
<a href="{{ post }}"> <a href="{{ post }}">
Discuss on Mastodon Discuss on Mastodon
</a> </a>
</mastodon-post> </mastodon-post>
</div>
</span> </span>
{%- endif -%} {%- endif -%}