[PR #9] [CLOSED] Open Chat Button New Customised Design #9

Closed
opened 2026-02-16 09:19:57 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anythingllm-embed/pull/9
Author: @denishotii
Created: 5/19/2025
Status: Closed

Base: mainHead: open_chat_button_kuala_design


📝 Commits (3)

  • 670d18a Customized KUala-Bot intro animation and Language Detection
  • e96b7d7 Implement First Version of Open Chat KUala Button
  • e4922a6 Add Introduction Animation and Blue Light efffect on Hover

📊 Changes

15 files changed (+919 additions, -40 deletions)

View changed files

📝 src/App.jsx (+1 -1)
src/assets/superKuala.png (+0 -0)
src/assets/superKuala.svg (+159 -0)
src/assets/superKualaColor.svg (+1 -0)
📝 src/components/ChatWindow/Header/index.jsx (+13 -9)
src/components/OpenButton/ContrastCheck.jsx (+117 -0)
src/components/OpenButton/IntroAnimation.jsx (+126 -0)
src/components/OpenButton/OpenButton.jsx (+68 -0)
src/components/OpenButton/SpeechBubble.jsx (+31 -0)
src/components/OpenButton/SuperKualaMascot.jsx (+15 -0)
📝 src/components/OpenButton/index.jsx (+219 -29)
📝 src/index.css (+8 -0)
src/utils/labels.js (+45 -0)
src/utils/language.js (+10 -0)
📝 tailwind.config.js (+106 -1)

📄 Description

  • First, we moved the KUala-Bot a bit more up, to not block the 2 accessibility buttons.
  • Then, on the first load, the superKUala jumps in from the bottom, it does a Bounce-In Animation, which looks really cool, - especially on mobile phones, as the screen is smaller.
  • While Kuala is twinkling on first load, also there is a Spotlight glow (Halo Effect) using a nice light blue color, and makes it look nice,
  • While the user is hovering on the KUala-Bot, the background spotlight and jumping happens as well.
  • Also the new blue background shadow is shown during random messages every 45 seconds twinkles and shows a warm message: "eg: Got a question about studying at KU?".

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Mintplex-Labs/anythingllm-embed/pull/9 **Author:** [@denishotii](https://github.com/denishotii) **Created:** 5/19/2025 **Status:** ❌ Closed **Base:** `main` ← **Head:** `open_chat_button_kuala_design` --- ### 📝 Commits (3) - [`670d18a`](https://github.com/Mintplex-Labs/anythingllm-embed/commit/670d18a5837c58eacd929837e514b681fc441929) Customized KUala-Bot intro animation and Language Detection - [`e96b7d7`](https://github.com/Mintplex-Labs/anythingllm-embed/commit/e96b7d7364c423d1cb6dde27264141ed5d46f788) Implement First Version of Open Chat KUala Button - [`e4922a6`](https://github.com/Mintplex-Labs/anythingllm-embed/commit/e4922a6220c683d2ecf17f55d4b1f0574760e89e) Add Introduction Animation and Blue Light efffect on Hover ### 📊 Changes **15 files changed** (+919 additions, -40 deletions) <details> <summary>View changed files</summary> 📝 `src/App.jsx` (+1 -1) ➕ `src/assets/superKuala.png` (+0 -0) ➕ `src/assets/superKuala.svg` (+159 -0) ➕ `src/assets/superKualaColor.svg` (+1 -0) 📝 `src/components/ChatWindow/Header/index.jsx` (+13 -9) ➕ `src/components/OpenButton/ContrastCheck.jsx` (+117 -0) ➕ `src/components/OpenButton/IntroAnimation.jsx` (+126 -0) ➕ `src/components/OpenButton/OpenButton.jsx` (+68 -0) ➕ `src/components/OpenButton/SpeechBubble.jsx` (+31 -0) ➕ `src/components/OpenButton/SuperKualaMascot.jsx` (+15 -0) 📝 `src/components/OpenButton/index.jsx` (+219 -29) 📝 `src/index.css` (+8 -0) ➕ `src/utils/labels.js` (+45 -0) ➕ `src/utils/language.js` (+10 -0) 📝 `tailwind.config.js` (+106 -1) </details> ### 📄 Description - First, we moved the KUala-Bot a bit more up, to not block the 2 accessibility buttons. - Then, on the first load, the superKUala jumps in from the bottom, it does a Bounce-In Animation, which looks really cool, - especially on mobile phones, as the screen is smaller. - While Kuala is twinkling on first load, also there is a Spotlight glow (Halo Effect) using a nice light blue color, and makes it look nice, - While the user is hovering on the KUala-Bot, the background spotlight and jumping happens as well. - Also the new blue background shadow is shown during random messages every 45 seconds twinkles and shows a warm message: "eg: Got a question about studying at KU?". --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-16 09:19:57 -05:00
yindo closed this issue 2026-02-16 09:19:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anythingllm-embed#9