From 62c20953d04cd77902dcc454f2cff1e91cca138c Mon Sep 17 00:00:00 2001 From: Esha Jha <149310101+Eshajha19@users.noreply.github.com> Date: Fri, 6 Mar 2026 16:37:20 +0000 Subject: [PATCH 1/2] added scroll to top button on community page --- public/Community.html | 7 +++++-- public/community.css | 27 +++++++++++++++++++++++++++ public/community.js | 15 +++++++++++++++ 3 files changed, 47 insertions(+), 2 deletions(-) diff --git a/public/Community.html b/public/Community.html index fd559e50..1983d329 100644 --- a/public/Community.html +++ b/public/Community.html @@ -11,7 +11,7 @@ - +
@@ -107,7 +107,10 @@ - + + diff --git a/public/community.css b/public/community.css index 5dfe529b..daa57254 100644 --- a/public/community.css +++ b/public/community.css @@ -858,4 +858,31 @@ body { .cursor-hovering { transform: translate(-50%, -50%) scale(1.3); background: linear-gradient(135deg, #00b4d8 0%, #64ffda 100%) !important; +}#scrollTopBtn{ + position: fixed; + bottom: 30px; + right: 30px; + background: linear-gradient(135deg,#00e6a8,#64ffda); + color: #000; + border: none; + padding: 14px 16px; + border-radius: 50%; + font-size: 18px; + cursor: pointer; + display: none; + z-index: 1000; + box-shadow: 0 0 15px rgba(100,255,218,0.7); + transition: all 0.3s ease; +} + +#scrollTopBtn:hover{ + transform: translateY(-4px) scale(1.1); + box-shadow: 0 0 25px rgba(100,255,218,1); +} + +/* Dark Mode */ + +body.dark-mode #scrollTopBtn{ + background: linear-gradient(135deg,#64ffda,#00bfa5); + color:white; } \ No newline at end of file diff --git a/public/community.js b/public/community.js index d62a72dc..09f94f5d 100644 --- a/public/community.js +++ b/public/community.js @@ -249,3 +249,18 @@ ${p.replies.map((r) => `