Add styles for emoji reactions in Velt UI customization

[rakesh-snippyly]

Pull Request

Description

Type of Change

• New demo application
• Bug fix
• Feature enhancement
• Documentation update
• Infrastructure/tooling change
• Other (please describe):

Monorepo Structure Checklist

If adding a new demo, ensure you've followed the 5-level structure:

• Placed in correct path: apps/<framework>/<document>/<type>/<implementation>/<library-or-solution>/<demo>/
• Updated package.json with scoped name: @apps/<framework>-<document>-<library-or-solution>-<demo>
• Created comprehensive README.md in the demo directory
• Verified build passes: pnpm --filter <package-name> build
• Verified dev server runs: pnpm --filter <package-name> dev

Deployment Checklist

If this demo should be deployed:

• Added/updated Vercel project configuration
• Updated GitHub Actions workflows (if applicable)
• Verified deployment paths in CI/CD configs

Testing

• Tested locally with pnpm -w install && pnpm -w build
• Verified all affected apps still build
• Tested dev servers for affected apps

Documentation

• Updated relevant documentation (if needed)
• Added demo to master-sample-app (if applicable)
• Updated deployment docs (if applicable)

Related Issues

Screenshots/Videos

Additional Context

---

For Reviewers

Demo Location

Path: apps/<framework>/<document>/<type>/<implementation>/<library-or-solution>/<demo>/

Package name: @apps/<...>

How to Test

# Install dependencies
pnpm -w install

# Run the specific demo
pnpm --filter @apps/<package-name> dev

# Build the specific demo
pnpm --filter @apps/<package-name> build

Structure Verification

The demo follows the 5-level hierarchy:

1. Framework:
2. Document:
3. Type:
4. Implementation:
5. Library/Solution:
6. Demo:

---

Documentation: See README_MONOREPO.md and docs/structure.md for more details on the monorepo structure.

---

Note

Low Risk
CSS-only change limited to a demo’s UI customization; main risk is minor visual regression if selectors match more broadly than expected.

Overview
Adds a missing CSS override in page-mode-demo Velt UI customization so emoji reactions rendered as img elements are sized consistently (14x14) alongside the existing SVG sizing.

Also fixes a minor CSS formatting issue by properly closing the .velt-thread-card--container > app-if rule before the new override.

^{Written by Cursor Bugbot for commit 1977df2. This will update automatically on new commits. Configure here.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
sample-apps-codemirror-non-react-crdt-demo	Ready	Preview, Comment	Feb 4, 2026 5:59am
sample-apps-freestyle-comments-demo	Ready	Preview, Comment	Feb 4, 2026 5:59am
sample-apps-page-mode-demo	Ready	Preview, Comment	Feb 4, 2026 5:59am
sample-apps-tiptap-non-react-crdt-demo	Ready	Preview, Comment	Feb 4, 2026 5:59am

17 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
master-sample-app	Ignored		Feb 4, 2026 5:59am
sample-apps-ag-grid-comment-aggregation	Ignored		Feb 4, 2026 5:59am
sample-apps-ag-grid-multiple-tools	Ignored		Feb 4, 2026 5:59am
sample-apps-ag-grid-single-tool	Ignored		Feb 4, 2026 5:59am
sample-apps-codemirror-crdt-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-dashboard-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-dashboard-inline-comments-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-dashboard-mongo-db-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-dashboard-postgres-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-lexical-comments-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-reactflow-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-slatejs-comments-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-tanstack-comment-aggregation	Ignored		Feb 4, 2026 5:59am
sample-apps-tanstack-multiple-tools	Ignored		Feb 4, 2026 5:59am
sample-apps-tanstack-single-tool	Ignored		Feb 4, 2026 5:59am
sample-apps-tiptap-comments-demo	Ignored		Feb 4, 2026 5:59am
sample-apps-tiptap-crdt-demo	Ignored		Feb 4, 2026 5:59am