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] Content Overflow on the attribution-panel in the Footer Card on Maximized Screen - home-index.html #262

Open
1 task done
Immy-delish opened this issue Oct 18, 2024 · 4 comments
Labels
💻 aspect: code Concerns the software code in the repository 🛠 goal: fix Bug fix 🟨 priority: medium Not blocking but should be fixed soon 🧹 status: ticket work required Needs more details before it can be worked on

Comments

@Immy-delish
Copy link
Contributor

Immy-delish commented Oct 18, 2024

Description

When maximizing the screen size, the content inside the Attribution-Panel in the footer section moves out when the screen size exceeds 90%. This affects the visual integrity of the card, causing elements to overflow the card boundaries. The issue occurs in the home-index.html file.

Reproduction

  1. Open the home-index.html file in a browser.
  2. Maximize the browser window.
  3. Observe how the content inside the card moves out of the card's boundaries.

Expectation

The content should remain inside the card, properly aligned and centered, regardless of screen size.

Screenshots

image

Environment

  • Device: Laptop
  • OS: Windows 10
  • Browser: Firefox and Microsoft Edge
  • Display resolution(1366 x 768 (Recommended))

Additional context

This issue appears in the footer section where the attribution list is displayed.

Resolution

  • I would be interested in resolving this bug.
@Immy-delish Immy-delish 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 18, 2024
@cc-open-source-bot cc-open-source-bot moved this to Triage in WebDev Oct 18, 2024
@possumbilities
Copy link
Contributor

@Immy-delish does this also occur on the blog-index context?

@possumbilities possumbilities added 🟨 priority: medium Not blocking but should be fixed soon 🧹 status: ticket work required Needs more details before it can be worked on and removed 🟧 priority: high Stalls work on the project or its dependents 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work labels Oct 21, 2024
@possumbilities possumbilities moved this from Triage to Backlog in WebDev Oct 21, 2024
@Immy-delish
Copy link
Contributor Author

@Immy-delish does this also occur on the blog-index context?

Not really @possumbilities . This only occurs on the 'home-index'.

@OmarAmeen01
Copy link
Contributor

linking this issue to the this issue #276 because the classmain .attribution-list ul.expand is missing the padding which is causing this issue . so this can as well be fixed in this Issue

@Immy-delish
Copy link
Contributor Author

Okay, this is great @OmarAmeen01 . Thank you for noticing this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💻 aspect: code Concerns the software code in the repository 🛠 goal: fix Bug fix 🟨 priority: medium Not blocking but should be fixed soon 🧹 status: ticket work required Needs more details before it can be worked on
Projects
Status: Backlog
Development

No branches or pull requests

3 participants