octo
/
brutaldon
mirror of https://gitlab.com/brutaldon/brutaldon
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
brutaldon/static/css/brutaldon-dark.css
View File

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

7
brutaldon/static/css/brutaldon.css
View File

@ -102,12 +102,13 @@ emoji-link
font-size: 2em; 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 screen and (max-width: 768px) {
.media { .media {
display: block; display: block;

8
brutaldon/templates/main/toot_partial.html
View File

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