style.css: treat multiple files as a single flex block. Fixes weird text wrapping.

This commit is contained in:
Zankaria 2024-08-20 15:00:40 +02:00 committed by Zankaria
parent fa0537ea42
commit a4da985489
2 changed files with 6 additions and 1 deletions

View File

@ -152,6 +152,11 @@ form table tr td div label {
font-size: 10px;
}
.files.multifile {
display: flex;
flex-wrap: wrap;
}
.file {
float: left;
}

View File

@ -1,7 +1,7 @@
{% if post.embed %}
{{ post.embed }}
{% else %}
<div class="files">
<div class="files {% if post.num_files > 1 %} multifile{% endif %}">
{% for file in post.files %}
<div class="file{% if post.num_files > 1 %} multifile" style="width:{{ file.thumbwidth + 40 }}px"{% else %}"{% endif %}>
{% if file.file == 'deleted' %}