Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Title Heading Misalignment on Larger Screens #206

Closed
1 task done
wendy640 opened this issue Oct 9, 2024 · 1 comment
Closed
1 task done

[Bug] Title Heading Misalignment on Larger Screens #206

wendy640 opened this issue Oct 9, 2024 · 1 comment
Labels
🕹 aspect: interface Concerns end-users' experience with the software 🛠 goal: fix Bug fix 🟩 priority: low Low priority and doesn't need to be rushed ⛔️ status: discarded Will not be worked on

Comments

@wendy640
Copy link
Contributor

wendy640 commented Oct 9, 2024

Description

On larger screens, the heading Explore by content is not positioned correctly. It does not appear centered above the associated content in the section. This misalignment creates an inconsistent layout and impacts the visual structure of the page, particularly on wide displays.

Reproduction

  1. Open the page on a larger screen (e.g., 1920x1080 resolution).
  2. Observe the position of the heading in relation to the content below it.
  3. Notice that the heading is not centered or placed directly above the content it refers to.
  4. See error.

Expectation

The heading should be centrally aligned and positioned clearly above the content (case tags and scholarship tags) to ensure consistent layout on all screen sizes.

Adjust CSS to ensure proper alignment and positioning of the heading on larger screens.

Screenshots

PHOTO-2024-10-09-19-46-01

Environment

  • Device: (eg. iPhone Xs; laptop)
  • OS: (eg. iOS 13.5; Fedora 32)
  • Browser: (eg. Safari; Firefox)
  • Version: (eg. 13; 73)
  • Other info: (eg. display resolution, ease-of-access settings)

Additional context

Resolution

  • I would be interested in resolving this bug.
@wendy640 wendy640 added 💻 aspect: code Concerns the software code in the repository 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 🛠 goal: fix Bug fix 🟧 priority: high Stalls work on the project or its dependents labels Oct 9, 2024
@TimidRobot TimidRobot added help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed 🏁 status: ready for work Ready for work 🕹 aspect: interface Concerns end-users' experience with the software and removed 🟧 priority: high Stalls work on the project or its dependents 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 💻 aspect: code Concerns the software code in the repository labels Oct 14, 2024
@TimidRobot TimidRobot added ⛔️ status: discarded Will not be worked on and removed help wanted Open to participation from the community 🏁 status: ready for work Ready for work labels Oct 15, 2024
@TimidRobot TimidRobot closed this as completed by moving to Done in Applications Oct 15, 2024
@TimidRobot
Copy link
Member

My apologies, I was too hasty in reviewing this Issue 😖

I don't believe there is anything wrong with the UX in production. The Explore Content heading is suppose to be over the left column, above the filters:

Screenshot 2024-10-15 at 10-42-30 CC Legal Database

It does expose another issue, that there is no data available for local development:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🕹 aspect: interface Concerns end-users' experience with the software 🛠 goal: fix Bug fix 🟩 priority: low Low priority and doesn't need to be rushed ⛔️ status: discarded Will not be worked on
Projects
Status: Done
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants