zo/GenderDysphoria.fyi
1
0
Fork 0
mirror of https://github.com/GenderDysphoria/GenderDysphoria.fyi.git synced 2025-01-31 07:16:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added links to middle tweets in combine and oneblock groups

Browse Source
This commit is contained in:
Jocelyn Badgley (Twipped) 2020-03-05 19:44:08 -08:00
parent 01acc1439a
commit 1b259d4795
2 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
scss/_tweet.scss
View File

@ -32,6 +32,7 @@
.tweet-item {
border-radius: $borderRadius;
padding: 1em 1em 13px;
position: relative;
.tweet-logo { display: none; }
}
@ -121,6 +122,10 @@
}
}
.tweet-link {
display: none;
}
.tweet-text, .tweet-quoted-text {
line-height: 1.5em;
p { margin-bottom: 0.5em; }
@ -270,6 +275,30 @@
.tweet-item:last-child {
.tweet-footer { display: block; }
}
.tweet-item:not(:first-child):not(:last-child) {
.tweet-link {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0;
height: 26px;
width: 30px;
font-size: 10px;
color: $gray-300;
&:hover {
color: $gray-700;
}
}
.tweet-text p:first-child {
padding-right: 30px;
}
}
}
&.oneblock {
@ -285,9 +314,16 @@
.tweet-item + .tweet-item {
padding-top: 0.5em;
}
.tweet-item:not(:first-child):not(:last-child) .tweet-link {
right: -15px;
// width: 20px;
}
}
&.hide-reply .tweet-text a.mention:first-child { display: none; }
&.hide-mentions .tweet-text a.mention { display: none; }
&.hide-hashtags .tweet-text a.hashtag { display: none; }
&.collapse:not(.grid-row) {
.tweet-item {

5
templates/tweet.hbs
View File

@ -2,7 +2,8 @@
<div class="tweet{{#is ids.length 1}} single{{/is}} {{className}}" style="{{style}}">
{{#each ids}}
<div class="tweet-item" data-id="{{this}}">{{#with (lookup ../tweets this)}}
<a class="tweet-header" href="https://twitter.com/{{user.screen_name}}">
<a class="tweet-link" href="https://twitter.com/{{user.screen_name}}/status/{{id_str}}" target="_blank">{{icon 'link'}}</a>
<a class="tweet-header" href="https://twitter.com/{{user.screen_name}}" target="_blank">
<b><img src="{{rev user.avatar.output}}" alt=""></b>
<strong>
{{{user.name_html}}}
@ -59,7 +60,7 @@
</div></div></div></div>
{{/any}}
<div class="tweet-footer">
<a class="tweet-date" href="https://twitter.com/{{user.screen_name}}/status/{{id_str}}">{{date created_at "h:mm aa - LLL do, yyyy"}}</a>
<a class="tweet-date" href="https://twitter.com/{{user.screen_name}}/status/{{id_str}}" target="_blank">{{date created_at "h:mm aa - LLL do, yyyy"}}</a>
</div>
{{else}}Missing tweet for {{this}}{{/with}}</div>
{{/each}}