From 13e7980071ab11b07b5d473e43506c6cb4ab637e Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Mon, 12 Oct 2026 12:57:49 +0200 Subject: fix: keep the photo lightbox's close button on a phone screen The bar was 457 px wide and pushed the close button to 397..437 px, off a 360 px phone. Delete leaves the lightbox (it stays on the tile's menu: right-click, or press and hold), and below 768 px the bar drops the file name, the zoom label and 100%. Co-Authored-By: Claude Opus 5.5 --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css') diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index b5996d8..586f36d 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -5295,6 +5295,16 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } flex-shrink: 0; } +/* A phone has room for the zoom buttons, slideshow, cast, link and close — + not for the file name, the zoom label and 100% as well: they pushed the + close button off the right of the screen. */ +@media (max-width: 768px) { + .photo-lightbox .video-top-bar { padding-left: 12px; padding-right: 12px; gap: 6px; } + .photo-lightbox .video-title, + .photo-lightbox .photo-zoom-percent, + .photo-lightbox .photo-icon-btn-text { display: none; } +} + .photo-lightbox-info { position: absolute; bottom: 0; -- cgit v1.2.3