Overflow-auto the media attachments so they don't do it to the toot box

This commit is contained in:
Jason F. McBrayer 2018-09-06 09:49:01 -04:00
parent f0597470a6
commit 09909f3270
3 changed files with 11 additions and 1 deletions

View File

@ -116,6 +116,11 @@ emoji-link
} }
} }
.level.attachments
{
overflow: auto;
}
.file-cta .file-cta
{ {
-webkit-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;

View File

@ -97,6 +97,11 @@ emoji-link
font-size: 2em; font-size: 2em;
} }
.level.attachments
{
overflow: auto;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.media { .media {

View File

@ -53,7 +53,7 @@
{% if toot.media_attachments %} {% if toot.media_attachments %}
<br> <br>
<div class="level"> <div class="level attachments">
<div class="level-left"> <div class="level-left">
{% for media in toot.media_attachments %} {% for media in toot.media_attachments %}
<a class="level-item" href="{{ media.url }}"> <a class="level-item" href="{{ media.url }}">