Skip to content

Fix overlapping headers in narrow embeds - #803

Merged
thomiceli merged 1 commit into
thomiceli:masterfrom
justadityaraj:fix-791-embed-header-float
Aug 30, 2026
Merged

thomiceli merged 1 commit into
thomiceli:masterfrom
justadityaraj:fix-791-embed-header-float

Conversation

@justadityaraj

Copy link
Copy Markdown
Contributor

Problem

On narrow embeds, the floated action links can wrap without increasing the header height, covering the first code rows.

Fix

Contain the float with Tailwind's flow-root utility and assert the rendered embed includes it.

User impact

Embedded gists remain readable on narrow screens when the action links wrap.

Verification

  • Frontend build completed with vite -c public/vite.config.js build (existing CSS optimizer warnings only).
  • Added the rendered-embed assertion in TestGistJson.
  • go test ./internal/web/handlers/gist -run '^TestGistJson/Public$' did not complete in this Windows environment; no failure was reported before the timeout.

Fixes #791

@thomiceli
thomiceli merged commit c30e1cb into thomiceli:master Aug 30, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Embedded gists: floated header overlaps the code on narrow screens (smartphone)

2 participants