this repo has no description

fix: URL-only webmentions should wrap anywhere

Changed files
+9 -7
sass
templates
+2 -2
sass/_post.scss
···
margin: 2em 0;
}
-
.webmentions li {
-
line-break: loose;
+
.webmentions .url-only {
+
line-break: anywhere;
}
+7 -5
templates/page.html
···
<ul>
{%- for mention in webmentions.children -%}
<li>
-
<a href="{{ mention.url }}" class="webmention">
-
{%- if mention.name -%}
+
{%- if mention.name -%}
+
<a href="{{ mention.url }}">
{{ mention.name }}
+
</a>
{%- else -%}
+
<a href="{{ mention.url }}" class="url-only">
{{ mention.url }}
-
{%- endif -%}
-
</a>
+
</a>
+
{%- endif -%}
{%- if mention.author.name != "" -%}
-
by <a href="{{ mention.author.url }}">{{ mention.author.name }}</a>
+
by <a href="{{ mention.author.url }}">{{ mention.author.name | truncate(length=15) }}</a>
{%- endif -%}
</li>
{%- endfor -%}