freyjagp/gdb.lgbtqi.app
1
0
Fork 0
forked from github.com/GenderDysphoria.fyi
Code Actions Packages Releases Activity

If there is only one media item on a tweet, ditch the aspect limitation

Browse Source
This commit is contained in:
Jocelyn Badgley (Twipped)
2020-03-05 10:05:21 -08:00
parent 3b98e2cc14
commit 7771c7aa9d
3 changed files with 75 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
scss/_tweet.scss
View File

@@ -189,29 +189,44 @@
grid-template: 1fr 1fr / 1fr 1fr;
height: 100%;
&.count1 .tweet-entity {
grid-row-end: span 2;
grid-column-end: span 2;
}
&.count2 .tweet-entity {
grid-row-end: span 2;
}
&.count3 .tweet-entity:first-child {
grid-row-end: span 2;
}
.tweet-entity {
display: flex;
align-items: stretch;
justify-content: stretch;
img {
visibility: hidden;
max-width: 100%;
}
}
.tweet-entity > * {
flex: 1;
}
}
&.entity-count-1 {
.tweet-entities-inner {
padding-bottom: 0;
> div {position: relative;}
}
.tweet-entities-grid {
display: block;
}
}
&.entity-count-1 .tweet-entity {
grid-row-end: span 2;
grid-column-end: span 2;
}
&.entity-count-2 .tweet-entity {
grid-row-end: span 2;
}
&.entity-count-3 .tweet-entity:first-child {
grid-row-end: span 2;
}
}
.tweet-photo {