this repo has no description
fix: hide mobile hamburger on desktop and improve Reddit embeds
Bump CSS specificity for .mobile-hamburger to .mobile-hamburger.nav-icon-btn
so the desktop display:none rule wins over .nav-icon-btn's display:flex.
This fixes the hamburger showing on desktop and nav-right being centered.
Also ensure Reddit provider_name is always set and support auto-expanding
embeds that have no thumbnail image.
+12
-2
+3
-2
internal/assets/css/screen.css
+3
-2
internal/assets/css/screen.css
···
1002
1002
/* Material Symbols Sizing */
1003
1003
1004
1004
/* Mobile Elements - hidden on desktop */
1005
-
.mobile-hamburger,
1005
+
/* .mobile-hamburger needs higher specificity to beat .nav-icon-btn { display: flex } */
1006
+
.mobile-hamburger.nav-icon-btn,
1006
1007
.mobile-site-name,
1007
1008
.mobile-drawer,
1008
1009
.mobile-drawer-backdrop {
···
1043
1044
letter-spacing: -0.02em;
1044
1045
}
1045
1046
1046
-
.mobile-hamburger {
1047
+
.mobile-hamburger.nav-icon-btn {
1047
1048
display: flex;
1048
1049
}
1049
1050
+5
internal/handler/preview_reddit.go
+5
internal/handler/preview_reddit.go
+4
internal/templates/views/index.html
+4
internal/templates/views/index.html
···
325
325
'" ' + onClickAttr + embedHtmlAttr + aspectAttr + '>' +
326
326
innerContent +
327
327
"</div>";
328
+
} else if (!imageUrl && data.embed_html && (data.type === "video" || data.type === "rich")) {
329
+
// Embed exists but no thumbnail image — create container for auto-expand
330
+
var embedHtmlAttr = ' data-embed-html="' + encodeURIComponent(data.embed_html) + '"';
331
+
previewHTML += '<div class="og-image is-video"' + embedHtmlAttr + ' data-aspect="video"></div>';
328
332
}
329
333
330
334
// Text Content - skip for GIPHY (title is redundant with the gif)