Fix embed click-through with CSS-only approach

This commit is contained in:
Zed 2026-08-08 23:00:36 +07:00
commit dc66bd6375
2 changed files with 9 additions and 23 deletions

View file

@ -87,7 +87,6 @@
margin-top: 6px; margin-top: 6px;
margin-bottom: 0px; margin-bottom: 0px;
color: var(--grey); color: var(--grey);
pointer-events: all;
} }
.tweet-avatar { .tweet-avatar {
@ -122,7 +121,6 @@ body:has(> .tweet-embed) {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
min-height: 100%;
background: transparent; background: transparent;
overflow: hidden; overflow: hidden;
} }
@ -142,34 +140,22 @@ html:has(body > .tweet-embed) {
overflow: hidden; overflow: hidden;
transition: background-color 0.15s ease; transition: background-color 0.15s ease;
&:hover { &:hover:not(:has(.embed-footer:hover)) {
background-color: var(--bg_hover); background-color: var(--bg_hover);
} }
.timeline-item { .timeline-item {
display: block;
pointer-events: none; pointer-events: none;
background-color: transparent;
}
.tweet-link:hover {
background-color: transparent;
} }
.tweet-content { .tweet-content {
font-size: 18px; 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) { .avatar:not(.mini) {
@ -213,7 +199,7 @@ html:has(body > .tweet-embed) {
display: block; display: block;
padding: 12px 16px; padding: 12px 16px;
border-top: 1px solid var(--border_grey); border-top: 1px solid var(--border_grey);
background: var(--bg_elements); background: var(--bg_panel);
color: var(--accent); color: var(--accent);
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;

View file

@ -50,7 +50,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
let opensearchUrl = getUrlPrefix(cfg) & "/opensearch" let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
buildHtml(head): 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") link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=7")
if theme.len > 0: if theme.len > 0: