github.com/GenderDysphoria.fyi
1
0
Fork 1
mirror of https://github.com/GenderDysphoria/GenderDysphoria.fyi.git synced 2025-11-25 20:42:40 +00:00
Code Activity

Changed tweet entity layout to match the way it presents on Twitter

Browse Source
This commit is contained in:
Jocelyn Badgley (Twipped)
2021-10-28 11:19:27 -07:00
parent 22aedc33ee
commit bc4419d22a
3 changed files with 41 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_markup.scss
View File

@@ -142,6 +142,10 @@
$cwColor: darken($gray-100, 2%);
margin: 0 -1rem 1em;
&:first-child {
margin-top: -1rem;
}
padding: 10px 20px;
background-color: $cwColor;
color-adjust: exact;

20
scss/_tweet.scss
View File

@@ -247,12 +247,24 @@
grid-column-end: span 2;
}
&.entity-count-2 .tweet-entity {
grid-row-end: span 2;
&.entity-count-2 {
.tweet-entity {
grid-row-end: span 2;
}
.tweet-entities-inner {
padding-bottom: 45%;
}
}
&.entity-count-3 .tweet-entity:first-child {
grid-row-end: span 2;
&.entity-count-3 {
.tweet-entities-grid {
grid-template: 1fr / 1fr 1fr 1fr;
}
.tweet-entities-inner {
padding-bottom: 30%;
}
}
}