Skip to content

Add a basic css-only lightbox to the figure shortcode#3262

Open
MTRNord wants to merge 1 commit into
mainfrom
MTRNord/figure-lightbox
Open

Add a basic css-only lightbox to the figure shortcode#3262
MTRNord wants to merge 1 commit into
mainfrom
MTRNord/figure-lightbox

Conversation

@MTRNord
Copy link
Copy Markdown
Member

@MTRNord MTRNord commented Mar 6, 2026

Description

Adds the lightbox from #3239 to the figure shortcode

Related issues

None

Role

Website & Content WG

Timeline

None

Signoff

See commits.

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
@MTRNord MTRNord requested a review from a team as a code owner March 6, 2026 16:53
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying matrix-website with  Cloudflare Pages  Cloudflare Pages

Latest commit: c91757e
Status: ✅  Deploy successful!
Preview URL: https://88e0cbc6.matrix-website.pages.dev
Branch Preview URL: https://mtrnord-figure-lightbox.matrix-website.pages.dev

View logs

@HarHarLinks
Copy link
Copy Markdown
Contributor

this isn't working out on https://88e0cbc6.matrix-website.pages.dev/homeserver/official/#/ 🤔

@MTRNord
Copy link
Copy Markdown
Member Author

MTRNord commented Mar 6, 2026

this isn't working out on https://88e0cbc6.matrix-website.pages.dev/homeserver/official/#/ 🤔

Because they are too low res or why exactly?

@HarHarLinks
Copy link
Copy Markdown
Contributor

Yeah, arguably the images in that case should just be bigger anyway. But I don't think we can generalise that pictures are always significantly bigger than displayed? In which cases the experience is a bit ridiculous. I can't think of a solution, except

  • manual flag for lightbox
  • lots of JS?
  • (bigger pictures for /homeserver/official)

@HarHarLinks HarHarLinks added enhancement This would be an improvement to the website. aesthetic Visual inconsistencies or improvements labels Mar 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

aesthetic Visual inconsistencies or improvements enhancement This would be an improvement to the website.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants