Fix Social tab rendering: broken emoji display and missing CSS styles#270
Merged
netkeep80 merged 3 commits intonetkeep80:mainfrom Feb 6, 2026
Merged
Fix Social tab rendering: broken emoji display and missing CSS styles#270netkeep80 merged 3 commits intonetkeep80:mainfrom
netkeep80 merged 3 commits intonetkeep80:mainfrom
Conversation
Adding CLAUDE.md with task information for AI processing. This file will be removed when the task is complete. Issue: netkeep80#269
- Replace invalid Unicode escape sequences (\U0001F90D, \uD83D\uDC41, \u2B07) in CommunityGallery.vue and CommentsSection.vue with actual emoji characters, fixing raw escape codes rendering as text in HTML templates - Add missing CSS styles for CommunityGallery, SharePanel, NotificationPanel, and CommentsSection components to App.css, enabling proper grid layout, card styling, badges, pagination, and responsive mobile design Fixes netkeep80#269 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
konard
changed the title
This reverts commit 7dbb4de.
Contributor
Author
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Fixes the incorrect display of the Social tab (Community Gallery) on mobile devices as reported in #269.
Root Causes Found
\U0001F90D(invalid uppercase\U),\uD83D\uDC41, and\u2B07were used as raw HTML text in template sections (outside{{ }}), so they rendered as literal escape code text instead of emoji charactersCommunityGallery,SharePanel,NotificationPanel, andCommentsSectioncomponents used BEM class names (e.g.,.community-gallery__grid,.share-panel__button) but had no corresponding CSS rules inApp.css, causing everything to render as unstyled plain textChanges
src/components/CommunityGallery.vue: Replace broken Unicode escapes with actual emoji characters (🤍, 👁, ⬇)src/components/CommentsSection.vue: Replace broken Unicode escapes with actual emoji characters (❤️, 🤍, 💬, ✏️, 🗑️)src/App.css: Add complete CSS styles for 4 components:.community-gallery__*— Grid layout, card styling, badges, thumbnails, stats, pagination, responsive breakpoints.share-panel__*— Form fields, buttons, link management, QR display.notification-panel__*— Notification list, unread indicators, filters, action buttons.comments-section__*— Comment threads, replies, avatars, forms, action buttonsBefore (from issue #269)
After
Test Plan
vue-tsc --noEmit)🤖 Generated with Claude Code
Fixes #269