Skip to content

[SUGGESTION] Missing Back-to-Top Button and Misaligned Back Button #621

@syed-imadulla

Description

@syed-imadulla

What's your idea?

Description

This issue addresses two separate but related UI bugs that affect navigation and consistency across the website:

  1. The floating "Back-to-Top" button is missing on several key pages.
  2. The "← Back" button on subpages is poorly aligned.

Suggested Solution

  1. For the Back-to-Top Button:

    • Ensure the HTML for the button and its associated JavaScript logic are included and correctly referenced on the gallery.html, opensource.html, and ourjourney.html files.
  2. For the "← Back" Button:

    • Adjust the CSS for the back button. Use position: fixed with specific top and left coordinates to guarantee a consistent alignment across all pages.
Image Image Image Image

Why would it be cool for readers?

Bug 1: Missing Back-to-Top Button

  • Current Behavior 🐞:
    The "Back-to-Top" arrow button, which appears on the homepage, is not present on the Gallery, Open Source, and Our Journey pages.

  • Expected Behavior ✅:
    The "Back-to-Top" button should be a consistent, sitewide feature. It should appear in the bottom-right corner on all pages that have enough content to require scrolling.


Bug 2: Poor Alignment of "← Back" Button

  • Current Behavior 🐞:
    The "← Back" button on subpages is misaligned. It appears to be pushed down below the main navigation bar, creating an awkward and inconsistent placement that varies with screen size.

  • Expected Behavior ✅:
    The "← Back" button should have a clean, fixed position in the top-left corner of the viewport (e.g., top: 20px; left: 20px;). Its placement should be consistent and independent of other page elements like the navigation bar.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions