Skip to content

fix: make the banner wrap line on mobile - #560

Open
scode2277 wants to merge 4 commits into
developfrom
fix/banner-workaround
Open

fix: make the banner wrap line on mobile#560
scode2277 wants to merge 4 commits into
developfrom
fix/banner-workaround

Conversation

@scode2277

@scode2277 scode2277 commented Jul 20, 2026

Copy link
Copy Markdown
Collaborator

What does this PR change?

I've added a workaround for the banner to wrap line when on mobile or narrower screens as well as opened an issue on vocs' repo

Update: Vocs' has fixed the issue, so I bumped vocs' version and removed the workaround + I fixed the head property in the vocs.config.ts file as the bump required different configuration of it

Type of change

  • New content
  • Edit to existing content
  • Outline / structure change
  • Typo or formatting fix
  • Tooling / config

If applicable

  • Editing existing content: tagged the current contributors from the attribution list
  • Framework has a steward: asked them to review
  • Outline change: updated vocs.config.ts with the dev: true parameter
  • Want community feedback: shared this PR in our Discord

Stuck on anything? Just write it here and we're happy to help.

@scode2277 scode2277 self-assigned this Jul 20, 2026
@scode2277 scode2277 added the fix This PR fixes a bug or resolves an issue label Jul 20, 2026

@frameworks-volunteer frameworks-volunteer left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Model: z-ai/glm-5.2 Reasoning: medium Provider: openrouter

Security + QA review complete.

Security: No concerns. Pure CSS change, no secrets, no injection vectors, no unsafe patterns.

QA:

  • Changes match PR description (banner wrapping on mobile/narrow screens)
  • CI passes: lint, socket security, Cloudflare Pages all green
  • No frontmatter or link issues (CSS-only file)

Minor suggestion (non-blocking): there is already a [data-v-banner-content] block at line 54 (font-style: italic). The new properties could be merged into that existing block instead of adding a second block for the same selector. Not blocking.

LGTM — approving.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 20, 2026

Copy link
Copy Markdown

Deploying frameworks with  Cloudflare Pages  Cloudflare Pages

Latest commit: c6cb637
Status: ✅  Deploy successful!
Preview URL: https://3c9e8665.frameworks-573.pages.dev
Branch Preview URL: https://fix-banner-workaround.frameworks-573.pages.dev

View logs

…y added workaroud + adjusted head property in vocs.config file as the bump changed the configuration of it
@socket-security

socket-security Bot commented Jul 27, 2026

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addedvocs@​2.6.2901008896100

View full report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fix This PR fixes a bug or resolves an issue

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants