PranavBarthwal / cosmoXplore

CosmoXplore, where the celestial canvas unfolds its mysteries before your eyes. Immerse yourself in a cosmic odyssey, as we harness the power of NASA's API to bring you a symphony of space resources.
https://cosmoxplore.pranavbarthwal.tech
60 stars 126 forks source link

Feature 🌟: "Scroll to Top" Button and "Space-Bot" Are Overlapping. #397

Open Tejashri-Taral opened 4 months ago

Tejashri-Taral commented 4 months ago

Describe the feature

I noticed that the "Scroll to Top" button and the Space-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 Space-Chat bot and the scroll top button.

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 Space-Chat bot.

It should be implemented because

The "Scroll to Top" button and the Space-Chat bot should not overlap. Both elements should be easily accessible without interfering with each other.

Additional context

**Screenshots**

Before opening the Chatbot:

image

After opening the Chatbot:

image

**The solution:**

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.

Would you like to work on this issue?

Yes

github-actions[bot] commented 4 months ago

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! Meanwhile you can show some love to this repo by starring it and following the maintainers : @PranavBarthwal , @surajvast1 & @harshit-sharmaaa 😊

surajvast1 commented 4 months ago

Go on @Tejashri-Taral