akshitagupta15june / akshitagupta15june/PetMe

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

未关闭
#2,015 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug
主要语言
HTML
星标
515
派生
747
PR 合并指标
30 天内没有已合并 PR

描述

**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

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。