Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
3 tasks done
Tejashri-Taral opened this issue Jun 10, 2024 · 3 comments · May be fixed by #285
Open
3 tasks done

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

Tejashri-Taral opened this issue Jun 10, 2024 · 3 comments · May be fixed by #285
Assignees
@Tejashri-Taral
Labels
gssoc GirlScript Summer of Code participants level1 Addition of new links/categories or doing any small task (e.g fixing typos, fixing css)

Comments

@Tejashri-Taral
Copy link

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 GitHub Actions
Copy link

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
Copy link
Member

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

@Yash636261 Yash636261 added level1 Addition of new links/categories or doing any small task (e.g fixing typos, fixing css) gssoc GirlScript Summer of Code participants labels Jun 13, 2024
@Tejashri-Taral Tejashri-Taral linked a pull request Jun 13, 2024 that will close this issue
Open
@ThakurPrad33p
Copy link

@Tejashri-Taral let me fixed this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Tejashri-Taral Tejashri-Taral

Labels
gssoc GirlScript Summer of Code participants level1 Addition of new links/categories or doing any small task (e.g fixing typos, fixing css)
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Resolved overlapping issue between chatbot and scroll to top button Tejashri-Taral/ElectiveHub
3 participants
@Yash636261 @ThakurPrad33p @Tejashri-Taral