canonical / canonical/vanilla-framework
[Component amendment]: logo-section__item - support for super-wide logos
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
## Component/pattern to amend
logo-section__item
## Visual
Provide a screenshot or link to a prototype of your pattern amendment.
## Context
Issue created based on copydoc ticket: https://github.com/canonical/ubuntu.com/pull/16595
When usual classes were applied to `Framework` logo which has unusual proportions, forced height was applied and logo overflew.
New class was added for super-wide logos: https://github.com/canonical/ubuntu.com/pull/16595/changes#diff-f5a5b0429dba7d86dd96396c39539ab3a091d90536bccb9db008a3dbc487f83d
You can see the logo on https://ubuntu.com/desktop (once merged and deployed) or in the linked PR screenshots
It might be worth refining and adding to the canon
Contributor guide
Research direction
Start with the existing `logo-section__item` component and compare it with the super-wide logo class added in the linked ubuntu.com PR. Verify the Framework logo no longer overflows when its unusual proportions are used, then refine and add the supported pattern to Vanilla Framework so the component handles super-wide logos consistently.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, sass
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100