From a7463dd3fc630110ed8f5d089a40d210f1781a86 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 2 Aug 2020 18:53:47 -0500
Subject: [PATCH] HoverCard: Add floating NavLinks for clickthrough

---
 app/soapbox/components/status.js              | Bin 17669 -> 17815 bytes
 .../status/components/detailed_status.js      | Bin 7098 -> 7267 bytes
 app/styles/basics.scss                        |  11 +++++++++++
 app/styles/components/display-name.scss       |   1 +
 app/styles/components/profile_hover_card.scss |   2 +-
 5 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index 1ad324f473928b3ee64bbb8b0938ec83d0c32aa4..641aafd02b67ad4b8baa8e64cd9ce164aac3f1ad 100644
GIT binary patch
delta 39
ucmZqeVw~R1xS`U1@_M@*fwY|b#FEUsblsfHyliy^{mBOQBAd(Y`&a=lz79_S

delta 14
VcmbQ<&Dh$-xS`U1Gq*zzD*!5B1uFmm

diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js
index 79ad209ceed327feeb538f34f21551693793f2e1..3ea96d0d7b476088d68c2140fa87079f557deaed 100644
GIT binary patch
delta 99
zcmdmG{@7wetvH(<mjVz>juvxfEy*m&Nu7K`T*fgmIk`kVR<l+iIVZ8W*e@|R)mA+%
pCqJ<yGcR2?Co?ZwT|pnB5u_OcZ1i0+iwklRD?!RP*Na=T001e)9y0&{

delta 15
WcmaECvCDiztvHi{{$>pcYZd@7o&?kY

diff --git a/app/styles/basics.scss b/app/styles/basics.scss
index 2dafa35a3c..53119ffc48 100644
--- a/app/styles/basics.scss
+++ b/app/styles/basics.scss
@@ -218,3 +218,14 @@ noscript {
     }
   }
 }
+
+.floating-link {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  z-index: 9999;
+}
diff --git a/app/styles/components/display-name.scss b/app/styles/components/display-name.scss
index 2282c6d485..0dd3e1e65f 100644
--- a/app/styles/components/display-name.scss
+++ b/app/styles/components/display-name.scss
@@ -41,6 +41,7 @@ a.account__display-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  position: relative;
 }
 
 .display-name__html {
diff --git a/app/styles/components/profile_hover_card.scss b/app/styles/components/profile_hover_card.scss
index 985b89ce1c..eeae9d7c57 100644
--- a/app/styles/components/profile_hover_card.scss
+++ b/app/styles/components/profile_hover_card.scss
@@ -72,7 +72,7 @@
 
 .detailed-status {
   .profile-hover-card {
-    top: -20px;
+    top: 0;
     left: 80px;
   }
 }