Skip to content

chore: Adjust code block theming in Agent chat widget #39836

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.

Sign up for GitHub

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

Jump to bottom
Closed
ichik opened this issue Mar 20, 2025 · 2 comments · Fixed by #40230
Closed

chore: Adjust code block theming in Agent chat widget #39836

ichik opened this issue Mar 20, 2025 · 2 comments · Fixed by #40230
Assignees
@ichik
Labels
AI Agents Issues related to agentic solutions on Appsmith Anvil Pod Issue related to Anvil project Task A simple Todo

Comments

@ichik
Copy link
Contributor

ichik commented Mar 20, 2025 •
edited
Loading

  1. Inline code text is a different size, too big relative to message text
  2. Inline code text is bright red (clashes with our default theming)
  3. Inline code element has too generous a corner radius
  4. Block code text is too small relative to message text
  5. Block code text section always has vertical scrolling because of the Capsize styles
  6. Block code element takes a limited amount of space on larger viewports — this makes sense for messages, but not for code
  7. Block code element follows indentation style in case it's inside the message (i.e. inside lists) — it'd make sense to maximize the space (perhaps by doing the initial list indentation hanging)
Image
@ichik ichik added AI Agents Issues related to agentic solutions on Appsmith Anvil Pod Issue related to Anvil project labels Mar 20, 2025
@Nikhil-Nandagopal Nikhil-Nandagopal added the Task A simple Todo label Mar 20, 2025
@ichik ichik changed the title chore: Adjust code-sample font size chore: Adjust code font size Mar 26, 2025
@ichik ichik self-assigned this Mar 31, 2025
@ichik
Copy link
Contributor Author

ichik commented Apr 3, 2025

Partial fix in https://github.com/appsmithorg/appsmith-ee/pull/6905

@ichik ichik closed this as completed Apr 3, 2025
@ichik ichik reopened this Apr 7, 2025
@ichik ichik mentioned this issue Apr 8, 2025
Closed
@ichik ichik changed the title chore: Adjust code font size chore: Adjust code block theming in Agent chat widget Apr 8, 2025
@ichik ichik mentioned this issue Apr 11, 2025
Merged
2 tasks
@ichik ichik closed this as completed in 15dec53 Apr 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ichik ichik

Labels
AI Agents Issues related to agentic solutions on Appsmith Anvil Pod Issue related to Anvil project Task A simple Todo
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

chore: Adjust agent chat code elements appsmithorg/appsmith
2 participants
@ichik @Nikhil-Nandagopal