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; font-size: 10px;
} }
.files.multifile {
display: flex;
flex-wrap: wrap;
}
.file { .file {
float: left; float: left;
} }

View File

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