Fix image/gif properly

This commit is contained in:
Zed 2019-07-01 03:56:09 +02:00
parent a901e50df5
commit 1bae69e5b0
2 changed files with 14 additions and 5 deletions

View File

@ -67,7 +67,7 @@ a:hover {
padding: 0; padding: 0;
vertical-align: bottom; vertical-align: bottom;
flex-basis: 100%; flex-basis: 100%;
margin-bottom: .5em; margin-bottom: .2em;
} }
.media-heading a { .media-heading a {
@ -200,7 +200,7 @@ nav {
} }
.attachments { .attachments {
margin-top: .5em; margin-top: .35em;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
@ -257,7 +257,7 @@ video {
} }
.media-gif { .media-gif {
display: table-cell; display: inline-block;
background-color: unset; background-color: unset;
} }
@ -294,6 +294,15 @@ video {
flex-basis: 300px; flex-basis: 300px;
} }
.image {
display: inline-block;
}
.single-image {
display: inline-block;
width: unset;
}
.avatar { .avatar {
float: left; float: left;
margin-top: 3px; margin-top: 3px;

View File

@ -63,9 +63,9 @@
# #
#proc renderMediaGroup(tweet: Tweet): string = #proc renderMediaGroup(tweet: Tweet): string =
#let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos] #let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos]
#let display = if groups.len == 1 and groups[0].len == 1: "display: table-cell;" else: "" #let class = if groups.len == 1 and groups[0].len == 1: "single-image" else: ""
#var first = true #var first = true
<div class="attachments" style="${display}"> <div class="attachments ${class}">
#for photos in groups: #for photos in groups:
#let margin = if not first: "margin-top: .25em;" else: "" #let margin = if not first: "margin-top: .25em;" else: ""
#let flex = if photos.len > 1 or groups.len > 1: "display: flex;" else: "" #let flex = if photos.len > 1 or groups.len > 1: "display: flex;" else: ""