@salesforcedevs/docs-components 0.0.18-chat → 0.0.19-chat

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.0.18-chat",
+    "version": "0.0.19-chat",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/chat/README.md

@@ -5,7 +5,7 @@ A self-contained sliding sidebar chat component with a floating trigger button t
 ## Features
 
 - 🎯 **Sliding Sidebar**: Slides in from the right side of the screen
-- 🔘 **Floating Trigger**: Built-in floating button to open chat (top-left corner)
+- 🔘 **Floating Trigger**: Built-in floating button to open chat (bottom-right corner)
 - 💬 **Real-time Chat**: Interactive messaging with typing indicators
 - 🎨 **Modern Design**: Clean, responsive interface with subtle animations
 - ⚙️ **Configurable**: Customizable title, placeholder, and assistant name
@@ -27,7 +27,7 @@ The component is completely self-contained with a built-in floating trigger butt
 ></doc-chat>
 ```
 
-That's it! The component will automatically show a floating chat button in the top-left corner when closed, and a sliding sidebar when opened.
+That's it! The component will automatically show a floating chat button in the bottom-right corner when closed, and a sliding sidebar when opened.
 
 ## Properties
 

package/src/modules/doc/chat/chat.css

@@ -1,8 +1,8 @@
 /* Floating trigger button */
 .chat-trigger-button {
     position: fixed;
-    top: 20px;
-    left: 20px;
+    bottom: 20px;
+    right: 20px;
     width: 60px;
     height: 60px;
     border-radius: 50%;
@@ -299,8 +299,8 @@
     .chat-trigger-button {
         width: 50px;
         height: 50px;
-        top: 15px;
-        left: 15px;
+        bottom: 15px;
+        right: 15px;
     }
     
     .chat-icon {
@@ -332,8 +332,8 @@
     .chat-trigger-button {
         width: 45px;
         height: 45px;
-        top: 10px;
-        left: 10px;
+        bottom: 10px;
+        right: 10px;
     }
     
     .chat-icon {