agnes/cheesy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 🎨 fix spacing and word-break issues on user content areas

Browse source
This commit is contained in:
m5ka 2024-03-27 13:03:48 +00:00
parent 64c013c7de
commit 2d94153c5e
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
moku/static/css/moku.css
View file

@ -96,6 +96,10 @@ a:hover, button.logout:hover {
text-decoration: wavy underline; text-decoration: wavy underline;
} }
.user-content {
word-break: break-word;
}
.profile h2 { .profile h2 {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: bold; font-weight: bold;
@ -347,7 +351,6 @@ header nav ul {
.grid-content main article { .grid-content main article {
padding: .8rem 1.8rem; padding: .8rem 1.8rem;
border-left: 4px solid var(--tangerine); border-left: 4px solid var(--tangerine);
word-break: break-word;
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
column-gap: 1.2rem; column-gap: 1.2rem;

6
moku/templates/moku/profile/show.jinja
View file

@ -13,19 +13,19 @@
{% if profile.pronouns %} {% if profile.pronouns %}
<div> <div>
<dt>{% trans %}pronouns{% endtrans %}</dt> <dt>{% trans %}pronouns{% endtrans %}</dt>
<dd>{{ profile.pronouns }}</dd> <dd class="user-content">{{ profile.pronouns }}</dd>
</div> </div>
{% endif %} {% endif %}
{% if profile.location %} {% if profile.location %}
<div> <div>
<dt>{% trans %}location{% endtrans %}</dt> <dt>{% trans %}location{% endtrans %}</dt>
<dd>{{ profile.location }}</dd> <dd class="user-content">{{ profile.location }}</dd>
</div> </div>
{% endif %} {% endif %}
{% if profile.bio %} {% if profile.bio %}
<div class="double"> <div class="double">
<dt>{% trans %}about me{% endtrans %}</dt> <dt>{% trans %}about me{% endtrans %}</dt>
<dd class="block"> <dd class="block user-content">
{{ profile.bio_as_html()|safe }} {{ profile.bio_as_html()|safe }}
</dd> </dd>
</div> </div>

4
moku/templates/moku/snippets/post.jinja
View file

@ -8,14 +8,14 @@
{% endif %} {% endif %}
<div class="emoji">{{ post.emoji }}</div> <div class="emoji">{{ post.emoji }}</div>
<div class="body"> <div class="body">
<p class="food">{{ post.text|safe }}</p> <p class="food user-content">{{ post.text|safe }}</p>
<p class="metadata">{{ post.created_at|naturaltime }}</p> <p class="metadata">{{ post.created_at|naturaltime }}</p>
{% if post.recipe %} {% if post.recipe %}
<details class="recipe"> <details class="recipe">
<summary>{% trans %}recipe{% endtrans %}</summary> <summary>{% trans %}recipe{% endtrans %}</summary>
<ol> <ol>
{% for step in post.recipe.steps.all() %} {% for step in post.recipe.steps.all() %}
<li>{{ step.instructions }}</li> <li class="user-content">{{ step.instructions }}</li>
{% endfor %} {% endfor %}
</ol> </ol>
</details> </details>