canonical / canonical/vanilla-framework

[Component amendment]: logo-section__item - support for super-wide logos

Open
#5,823 1 comment 0 reactions 0 assignees View on GitHub
WG: Proposal
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.