Fix (again) overflowing attachment boxes
This time, it makes them multiline.
This commit is contained in:
parent
333976dae5
commit
5877344c16
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 }}">
|
||||
|
|
Loading…
Reference in New Issue