Skip to content

Commit da83a27

Browse files
Add floating chatbot icon styles
Added CSS styles for a floating chatbot icon.
1 parent c735605 commit da83a27

1 file changed

Lines changed: 25 additions & 0 deletions

File tree

script.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -844,6 +844,31 @@ const translations = {
844844
}
845845
};
846846

847+
// chatbot
848+
.floating-icon {
849+
position: fixed;
850+
bottom: 20px; /* distance from bottom */
851+
left: 50%; /* move to horizontal center */
852+
transform: translateX(-50%); /* perfect centering */
853+
854+
width: 60px;
855+
height: 60px;
856+
857+
background: #000;
858+
color: #fff;
859+
860+
display: flex;
861+
align-items: center;
862+
justify-content: center;
863+
864+
border-radius: 50%;
865+
cursor: pointer;
866+
867+
z-index: 9999; /* stays above other elements */
868+
}
869+
870+
871+
847872
// === Current Language State ===
848873
// Get language from localStorage or default to English
849874
let currentLang = localStorage.getItem('language') || 'en';

0 commit comments

Comments
 (0)