Skip to content
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

feat: add support for custom CSS styles in copilot #1815

Merged
merged 2 commits into from
Jan 29, 2025

Conversation

fgalind1
Copy link
Contributor

@fgalind1 fgalind1 commented Jan 28, 2025

This pull request allows for customization of copilot styles and allows for customization of styles of the copilot container in expanded or collapse mode.

for example:

window.mountChainlitWidget({
        chainlitServer: url,
        customCssUrl: '/public/copilot.css',
    }

and copilot.css:

#cl-shadow-root .copilot-container-expanded {
    height: min(900px,calc(100vh - 150px));
}

#cl-shadow-root .copilot-container-collapsed {
    width: min(600px,80vw);
}

other classes could be overwritten or customized as needed

@dosubot dosubot bot added size:S This PR changes 10-29 lines, ignoring generated files. enhancement New feature or request labels Jan 28, 2025
Copy link
Collaborator

@willydouhard willydouhard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm!

@willydouhard willydouhard added this pull request to the merge queue Jan 29, 2025
Merged via the queue into Chainlit:main with commit 07742b4 Jan 29, 2025
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request size:S This PR changes 10-29 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants