From dc66bd637571df9182c147e2956294e226718ff5 Mon Sep 17 00:00:00 2001
From: Zed <zedeus@pm.me>
Date: Sat, 8 Aug 2026 23:00:36 +0700
Subject: [PATCH] Fix embed click-through with CSS-only approach

---
 src/sass/tweet/_base.scss | 30 ++++++++----------------------
 src/views/general.nim     |  2 +-
 2 files changed, 9 insertions(+), 23 deletions(-)

diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss
index 10f8b00..3623a19 100644
--- a/src/sass/tweet/_base.scss
+++ b/src/sass/tweet/_base.scss
@@ -87,7 +87,6 @@
   margin-top: 6px;
   margin-bottom: 0px;
   color: var(--grey);
-  pointer-events: all;
 }
 
 .tweet-avatar {
@@ -122,7 +121,6 @@ body:has(> .tweet-embed) {
   margin: 0;
   padding: 0;
   width: 100%;
-  min-height: 100%;
   background: transparent;
   overflow: hidden;
 }
@@ -142,34 +140,22 @@ html:has(body > .tweet-embed) {
   overflow: hidden;
   transition: background-color 0.15s ease;
 
-  &:hover {
+  &:hover:not(:has(.embed-footer:hover)) {
     background-color: var(--bg_hover);
   }
 
   .timeline-item {
+    display: block;
     pointer-events: none;
+    background-color: transparent;
+  }
+
+  .tweet-link:hover {
+    background-color: transparent;
   }
 
   .tweet-content {
     font-size: 18px;
-    pointer-events: none;
-
-    a {
-      pointer-events: all;
-    }
-  }
-
-  .attachments {
-    pointer-events: none;
-
-    a, video, .video-overlay {
-      pointer-events: all;
-    }
-  }
-
-  .tweet-body {
-    display: flex;
-    flex-direction: column;
   }
 
   .avatar:not(.mini) {
@@ -213,7 +199,7 @@ html:has(body > .tweet-embed) {
     display: block;
     padding: 12px 16px;
     border-top: 1px solid var(--border_grey);
-    background: var(--bg_elements);
+    background: var(--bg_panel);
     color: var(--accent);
     font-size: 14px;
     font-weight: 500;
diff --git a/src/views/general.nim b/src/views/general.nim
index 5ba6f7c..d085ad5 100644
--- a/src/views/general.nim
+++ b/src/views/general.nim
@@ -50,7 +50,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
   let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
 
   buildHtml(head):
-    link(rel="stylesheet", type="text/css", href="/css/style.css?v=52")
+    link(rel="stylesheet", type="text/css", href="/css/style.css?v=84")
     link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=7")
 
     if theme.len > 0: