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] main content header background :before pseudo element breaks bounds of site and stretches horizontally infinitely, on larger viewports #14

Closed
1 task done
possumbilities opened this issue Nov 7, 2023 · 0 comments · Fixed by #50
Assignees
Labels
🏷 status: label work required Needs proper labelling before it can be worked on

Comments

@possumbilities
Copy link
Contributor

Description

The entire page should be bound to appropriate content widths and areas. However, the header background on the main content is breaking flow bounds.

Reproduction

  1. Go to: https://creativecommons.org/2023/11/03/cc-open-infrastructure-circle/
  2. Stretch window to larger viewports
  3. See majority of site content bound, but header background continue to stretch, causing layout overflow

Expectation

The behavior should be consistent with other pages and the infinite background should bound OR avoid flow breaking shift.

Screenshots

Screen Shot 2023-11-07 at 12 38 30 PM

Additional Context

A fix here may need to be performed further up in index-prototype, but a patch fix could be applied within vocabulary-theme's style.css file.

Resolution

  • I would be interested in resolving this bug.
@possumbilities possumbilities self-assigned this Nov 7, 2023
@possumbilities possumbilities changed the title [Bug] main content header background :before pseudo element breaks bounds of site and stretches horizontally infinitely [Bug] main content header background :before pseudo element breaks bounds of site and stretches horizontally infinitely, on larger viewports Nov 7, 2023
@possumbilities possumbilities changed the title [Bug] main content header background :before pseudo element breaks bounds of site and stretches horizontally infinitely, on larger viewports [Bug] main content header background :before pseudo element breaks bounds of site and stretches horizontally infinitely, on larger viewports Nov 7, 2023
@possumbilities possumbilities transferred this issue from creativecommons/vocabulary-theme Mar 8, 2024
@possumbilities possumbilities transferred this issue from creativecommons/index-prototype Apr 24, 2024
@cc-open-source-bot cc-open-source-bot added the 🏷 status: label work required Needs proper labelling before it can be worked on label Apr 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷 status: label work required Needs proper labelling before it can be worked on
Projects
None yet
2 participants