akshitagupta15june / akshitagupta15june/PetMe

🪲[Bug]: Dark mode toggle and "Go to Top" button overlap on bottom-right corner

Abierto
#2,015 1 comentario 0 reacciones 0 asignados Ver en GitHub
bug
Lenguaje dominante
HTML
Estrellas
515
Forks
747
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

**Describe the bug**
In the current layout, the dark mode toggle button and the "Go to Top" floating button overlap in the bottom-right corner. This causes both buttons to merge visually and makes it difficult for users to click them properly.

**To Reproduce**
Steps to reproduce the behavior:

1.Open the website PetMe
2.Scroll down to the bottom of the page.
3.Observe the bottom-right corner.
4.The dark mode toggle and "Go to Top" button overlap.

**Expected behavior**
Both buttons should have clear spacing between them.
Suggested fixes:
1.Add extra margin/padding so they don’t overlap.
2.Position the dark mode toggle on the navbar instead of floating.
3.Or move the "Go to Top" button slightly upward.

**Screenshots**
![Image](https://github.com/user-attachments/assets/d1f0cbca-3435-4d0a-b083-044a95b6142f)

**Desktop (please complete the following information):**
Browser: Firefox (Linux Ubuntu 22.04)
Resolution: 1365×768

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.