claude-code - 💡(How to fix) Fix [BUG] Copy button missing on hover + font size reduced (Windows Desktop App) [1 comments, 2 participants]

Error Messages/Logs

TL;DR

The most likely fix involves reverting or adjusting recent changes in the Claude Code Desktop App's UI components, specifically those related to hover effects and font sizing.

Guidance

• Review the CSS or styling files associated with the chat message blocks and code blocks to ensure that the hover effect for the copy button is still defined and correctly referenced.
• Check the font size settings in the CSS or styling files to identify any changes that might have reduced the font size in chat responses.
• Investigate the JavaScript code responsible for rendering the Plan section at the bottom of the chat to understand why it is no longer visible.
• Compare the current version's codebase with the previous version to isolate changes that could be causing these regressions.

Example

No specific code example can be provided without access to the actual codebase, but a general approach might involve checking CSS rules like .chat-message:hover .copy-button { display: block; } for the copy button and font-size properties for chat response text.

Notes

Without direct access to the code or more detailed information about the changes made in the latest version, it's challenging to provide a precise fix. The suggestions above are based on common practices in web development and may need to be adapted to the specific technologies and frameworks used by the Claude Code Desktop App.

Recommendation

Apply a workaround by manually adjusting the CSS or styling settings in the user's local copy of the app, if possible, to restore the previous behavior until an official fix is released. This approach allows users to mitigate the issues temporarily without waiting for an update.