Fix (again) overflowing attachment boxes

This time, it makes them multiline.
This commit is contained in:
Jason McBrayer 2019-02-28 12:15:04 -05:00
parent 333976dae5
commit 5877344c16
3 changed files with 15 additions and 7 deletions

View File

@ -105,6 +105,13 @@ emoji-link
font-size: 2em;
}
.content figure.attachment-image
{
text-align:left;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 768px) {
.media {

View File

@ -102,12 +102,13 @@ emoji-link
font-size: 2em;
}
.level.attachments
.content figure.attachment-image
{
overflow-x: auto;
text-align:left;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 768px) {
.media {
display: block;

View File

@ -81,10 +81,10 @@
{% if toot.media_attachments %}
<br>
<div class="level attachments">
<div class="columns is-multiline attachments is-gapless">
{% for media in toot.media_attachments %}
{% if media.type == "image" %}
<figure class="level-item attachment-image">
<figure class="column attachment-image">
<a href="{{ media.url }}">
{% if toot.sensitive %}
<img src="{% static "images/sensitive.png" %}"
@ -105,8 +105,8 @@
</a>
</figure>
{% else %}
<figure class="level-item is-max-256">
<video controls loop
<figure class="column">
<video controls loop class="is-max-256"
poster="{{ media.preview_url }}">
<source src="{{ media.url }}" type="video/mp4">
<a href="{{ media.url }}">