- Issue created by @anjaliprasannan
jayzalani34@gmail.com → made their first commit to this issue’s fork.
- 🇮🇳India anjaliprasannan
You can assign this issue to yourself in the edit page of this issue.
- 🇮🇳India sanket.tale
Hi @anjaliprasannan I tried to reproduced this issue but facing some issues can you please add the proper steps. How to configure this module.
1. Install AI module
2. Claro theme Set as default
3. Placed AI chatbot blockAn error is occurring after placing a block.
- 🇮🇳India Ishani Patel
Facing the same AI chatbot height issue when I enable AI chatbot block on homepage.
- 🇮🇳India anjaliprasannan
@sanket.tale when you add the ai chatbot in claro theme, you can only see the block in admnistrative pages and not in homepage. To view the block in homepage try adding it in the olivero theme block layout.
- 🇮🇳India abhishek@kumar
CSS Adjustment
.ai-chatbot-container { height: calc(100vh - [admin-header-height]); top: [admin-header-height] !important; }
.ai-chatbot-container { z-index: 500; /* Higher than admin toolbar */ }
JavaScript Dynamic Resizing
Drupal.behaviors.aiChatbotResize = { attach: function (context) { const header = document.querySelector('.admin-toolbar'); const chatbot = document.querySelector('.ai-chatbot-container'); if (header && chatbot) { chatbot.style.top = `${header.offsetHeight}px`; chatbot.style.height = `calc(100vh - ${header.offsetHeight}px)`; } } };
- 🇮🇳India libbna New Delhi, India
I tried resolving it on my end and noticed that if we change the z-index value of the .header class to 0, the chatbot appears above the header. However, since we can't change that, I explored another approach:
What if we reduce the height of the chatbot initially, and then increase it when the page scrolls past a certain point? I'm attaching a video of what I’ve tried—before pushing the code I want to know your inputs please do share.
- Status changed to Needs review
10 days ago 11:41am 22 May 2025 - 🇮🇳India Kanchan Bhogade
Hi
I have tested MR 554 on Drupal, and MR applied cleanly..The chatbot interface height has been adjusted, and the chatbot title is now visible on the admin homepage.
- First commit to issue fork.