diff options
| author | Christophe Besson <cbesson@gmail.com> | 2026-10-12 12:57:49 +0200 |
|---|---|---|
| committer | Christophe Besson <cbesson@gmail.com> | 2026-10-12 12:57:49 +0200 |
| commit | 13e7980071ab11b07b5d473e43506c6cb4ab637e (patch) | |
| tree | c1a76c5125511c810f107dc110f09e7f0c5b9cc2 /packages/meshbay-hub/src/meshbay_hub/static/style.css | |
| parent | 3324b4eb701e34f64e859dd90937793ccf7f75c5 (diff) | |
| download | meshbay-13e7980071ab11b07b5d473e43506c6cb4ab637e.tar.gz | |
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 <noreply@anthropic.com>
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 10 |
1 files changed, 10 insertions, 0 deletions
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; |