TechNodes2-0 / ElectiveHub

ElectiveHub is an Education Management System designed to simplify and enhance the management of student information and elective subject selection in educational institutions. It offers a suite of applications for students, teachers, and administrators, providing a user-friendly platform.
https://electivehub.onrender.com
MIT License
85 stars 123 forks source link

Feature 🌟: "Scroll to Top" Button and "AI-Chat-Bot" Are Overlapping. #279

Open Tejashri-Taral opened 3 weeks ago

Tejashri-Taral commented 3 weeks ago

Is your feature request related to a problem? Please describe.

Steps to See the Issue:

Scroll down the page until the "Scroll to Top" button appears. Observe the overlap between the "Scroll to Top" button and the AI-Chat bot. The Expected Behavior for this is - The "Scroll to Top" button and the AI-Chat bot should not overlap. Both elements should be easily accessible without interfering with each other.

Describe the solution you'd like.

I would like to contribute by adjusting the positioning or z-index of the elements to ensure they do not overlap. This can be done by modifying the CSS styles for these components.

Describe alternatives you've considered.

No response

Additional context.

I noticed that the "Scroll to Top" button and the AI-chat bot are overlapping on the website. This overlap affects the usability and accessibility of both features, making it difficult for users to effectively interact with the AI-Chat bot and the scroll top button.

Show us the magic with screenshots

so,before opening Chat-Bot:

image

After opening Chat-Bot: image

Checklist

github-actions[bot] commented 3 weeks ago

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

Yash636261 commented 3 weeks ago

assigning to you @Tejashri-Taral, you can start working on it.