From 09f10227b2ce140c969bed934508d51a6b74204d Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Tue, 19 Jan 2021 17:31:44 -0800
Subject: html: tweak hover thumbnail CSS

---
 fatcat_scholar/templates/base.html          | 15 +++++++++++++++
 fatcat_scholar/templates/search_macros.html |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

(limited to 'fatcat_scholar')

diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index ab11f50..56b10c3 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -53,6 +53,21 @@
       box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
     }
 
+    .ui.labeled.icon.button.serp-button .menu.fulltext-thumbnail {
+        left: calc(-100% - 1.6em);
+        margin-top: -2.4em;
+        background-color: black;
+        min-width: 186px;
+        border: 3px solid black;
+        border-bottom: 0;
+        box-shadow: none;
+    }
+
+    .ui.labeled.icon.button.serp-button .menu.fulltext-thumbnail:after {
+        z-index: -1;
+        background-color: black;
+    }
+
     .action-bar {
       display: flex;
       justify-content: center;
diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html
index 1312aed..fab9510 100644
--- a/fatcat_scholar/templates/search_macros.html
+++ b/fatcat_scholar/templates/search_macros.html
@@ -227,7 +227,7 @@
           Other
         {% endif %}
       {% if paper.fulltext and paper.fulltext.thumbnail_url %}
-        <div class="menu" style="left: -110%; margin-top: -2.5em;">
+        <div class="menu fulltext-thumbnail">
           <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail" loading="lazy">
         </div>
       {% endif %}
-- 
cgit v1.2.3