-
Notifications
You must be signed in to change notification settings - Fork 2.3k
feat: add chat message font size setting #8680
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
- Add chatMessageFontSize property to ExtensionState and GlobalSettings - Add UI dropdown in settings with 5 size options (Default, Extra Small, Small, Large, Extra Large) - Apply font size scaling to ChatRow component (90%, 95%, 100%, 105%, 110%) - Add message handler to persist the setting - Include tests for the new functionality Users can now control the font size for chat messages in ChatView/Virtuoso content without affecting other UI elements
Code Review Summary✅ No issues found - This PR is ready to merge! The implementation successfully adds a chat message font size setting with clean integration across all layers: Changes Verified
Implementation Quality
This feature allows users to adjust chat message readability without affecting other UI elements. Great work! 🎉 |
setIncludeTaskHistoryInEnhance((newState as any).includeTaskHistoryInEnhance) | ||
} | ||
// Update chatMessageFontSize if present in state message | ||
if ((newState as any).chatMessageFontSize !== undefined) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Review: The new state property 'chatMessageFontSize' is added; consider improving type safety instead of using 'as any' in the update block.
Summary
This PR adds a new setting that allows users to control the font size specifically for chat messages in the ChatView component (Virtuoso content), without affecting other UI elements.
Changes
User Impact
Users can now adjust the readability of chat messages to their preference without affecting other parts of the interface. The setting is accessible through Settings > UI Settings > Chat Message Font Size.
Testing
Review Confidence: 92%
Implementation has been reviewed and meets all requirements with high quality code following project patterns.
Important
Adds a chat message font size setting to the ChatView component, allowing users to adjust font size via a new dropdown in UI settings.
chatMessageFontSize
setting toExtensionState
andGlobalSettings
.UISettings
for font size with options: Default, Small, Extra Small, Large, Extra Large.ChatRow
using CSS.ExtensionStateContext
to includechatMessageFontSize
and its setter.UISettings
inSettingsView
.chatMessageFontSize
toChatRow
andChatView
for rendering.UISettings.fontsize.spec.tsx
to verify dropdown options and state handling.UISettings.spec.tsx
to include font size setting tests.This description was created by
for d6334b9. You can customize this summary. It will automatically update as commits are pushed.