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;
}
.user-content {
word-break: break-word;
}
.profile h2 {
font-size: 1.8rem;
font-weight: bold;
@ -347,7 +351,6 @@ header nav ul {
.grid-content main article {
padding: .8rem 1.8rem;
border-left: 4px solid var(--tangerine);
word-break: break-word;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 1.2rem;

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

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

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

@ -8,14 +8,14 @@
{% endif %}
<div class="emoji">{{ post.emoji }}</div>
<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>
{% if post.recipe %}
<details class="recipe">
<summary>{% trans %}recipe{% endtrans %}</summary>
<ol>
{% for step in post.recipe.steps.all() %}
<li>{{ step.instructions }}</li>
<li class="user-content">{{ step.instructions }}</li>
{% endfor %}
</ol>
</details>