Mintplex-Labs/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2026-07-19 14:13:35 -04:00
Code Issues 328 Packages Projects Releases 10 Wiki Activity

[GH-ISSUE #954] [BUG]: Embed chat into website overide css from Website #582

New Issue
Closed
opened 2026-02-22 18:20:18 -05:00 by yindo · 3 comments
yindo commented 2026-02-22 18:20:18 -05:00
Owner
Copy Link
Copy Source

Originally created by @wepschmiede on GitHub (Mar 22, 2024).
Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/954

How are you running AnythingLLM?

Docker (local)

What happened?

When embedding the chat, Tailwind overrides the styles of the page, for instance when Bootstrap 5 is used in the template. Additionally, the embed yarn build does not generate executable code that work.

Are there known steps to reproduce?

Use anythingllm-chat-widget.min.js:

Include Script in Demo Page that use Bootstrap 5:

  • Heading reformat with tailwind and other css style overide by tailwind.

Build Steps anythingllm-chat-widget.min.js:

  • cd embed
  • yarn
  • yarn dev

boot up an example HTML page to use the chat embed widget with own data-embed-id not working.

Originally created by @wepschmiede on GitHub (Mar 22, 2024). Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/954 ### How are you running AnythingLLM? Docker (local) ### What happened? When embedding the chat, Tailwind overrides the styles of the page, for instance when Bootstrap 5 is used in the template. Additionally, the embed yarn build does not generate executable code that work. ### Are there known steps to reproduce? Use anythingllm-chat-widget.min.js: Include Script in Demo Page that use Bootstrap 5: - Heading reformat with tailwind and other css style overide by tailwind. Build Steps anythingllm-chat-widget.min.js: - cd embed - yarn - yarn dev boot up an example HTML page to use the chat embed widget with own data-embed-id not working.
yindo added the possible bug label 2026-02-22 18:20:18 -05:00
yindo closed this issue 2026-02-22 18:20:18 -05:00
yindo commented 2026-02-22 18:20:18 -05:00
Author
Owner
Copy Link
Copy Source

@timothycarambat commented on GitHub (Mar 22, 2024):

Tracking in #919

As for dev, its not that simple to run.

  • be running yarn dev:server and yarn dev:frontend
  • Create workspace and then create a real Embed Config
  • Copy its embed-id

then in the embed folder:
yarn dev
Open HTML demo index.html using npx serve -p 3111 and in that HTML edit the <script> to have the src of src="/dist/anythingllm-chat-widget.js" to load in changes and edits and make sure the data-embed-id attribute is the same value from the previous step. Then on localhost:3111 you will see the example HTML and will also be able to make changes in the embed and reload the page to see them.

This will dev embed connected to a local embed config and will hot load changes on refresh of the page.

I know this flow is not ideal, but this is just the current state for embed changes.

@timothycarambat commented on GitHub (Mar 22, 2024): Tracking in #919 As for dev, its not that simple to run. - be running `yarn dev:server` and `yarn dev:frontend` - Create workspace and then create a real Embed Config - Copy its embed-id then in the embed folder: `yarn dev` Open HTML demo index.html using `npx serve -p 3111` and in that HTML edit the <script> to have the src of `src="/dist/anythingllm-chat-widget.js"` to load in changes and edits and make sure the `data-embed-id` attribute is the same value from the previous step. Then on localhost:3111 you will see the example HTML and will also be able to make changes in the embed and reload the page to see them. This will dev embed connected to a local embed config and will hot load changes on refresh of the page. I know this flow is not ideal, but this is just the current state for embed changes.
yindo commented 2026-02-22 18:20:18 -05:00
Author
Owner
Copy Link
Copy Source

@hanwayTech commented on GitHub (Apr 25, 2024):

May it be better to use just pure css for this widget as it is not complex?

@hanwayTech commented on GitHub (Apr 25, 2024): May it be better to use just pure css for this widget as it is not complex?
yindo commented 2026-02-22 18:20:18 -05:00
Author
Owner
Copy Link
Copy Source

@timothycarambat commented on GitHub (Apr 25, 2024):

That would make it more complex

@timothycarambat commented on GitHub (Apr 25, 2024): That would make it more complex
yindo changed title from [BUG]: Embed chat into website overide css from Website to [GH-ISSUE #954] [BUG]: Embed chat into website overide css from Website 2026-06-05 14:36:07 -04:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Desktop
Docker
Integration Request
Integration Request
OS: Linux
OS: Mobile
OS: Windows
UI/UX
blocked
bug
bug
core-team-only
documentation
duplicate
embed-widget
enhancement
feature request
github_actions
good first issue
investigating
needs info / can't replicate
possible bug
pull-request
Mirrored from GitHub Pull Request
 question
stage: specifications
wontfix
No Label possible bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#582
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?