From 1b259d47950eb14336be3412e2605882da08553e Mon Sep 17 00:00:00 2001
From: "Jocelyn Badgley (Twipped)" <joc@twipped.com>
Date: Thu, 5 Mar 2020 19:44:08 -0800
Subject: [PATCH] Added links to middle tweets in combine and oneblock groups

---
 scss/_tweet.scss    | 36 ++++++++++++++++++++++++++++++++++++
 templates/tweet.hbs |  5 +++--
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/scss/_tweet.scss b/scss/_tweet.scss
index fe5a4ee..d72bd73 100644
--- a/scss/_tweet.scss
+++ b/scss/_tweet.scss
@@ -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 {
diff --git a/templates/tweet.hbs b/templates/tweet.hbs
index 1e7a042..25d3bdd 100644
--- a/templates/tweet.hbs
+++ b/templates/tweet.hbs
@@ -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}}