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

fix(footer): ensure IBM logo icon is visible #4226

Merged
merged 4 commits into from
Oct 15, 2020

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Oct 14, 2020

Related Ticket(s)

Refs #4224.

Description

Fixes the rendering issue of IBM logo icon in footer by fixing wrong width and height attributes.

Also fixes wrong content in the <title> attribute in corresponding SVG, by avoiding to bake it in the lit-html SVG template for the IBM logo icon. The approach is taken because the <title> content is not the design asset, and may have to be translated in future. Due to such reason, omitted some other attributes from the lit-html SVG template for the IBM logo icon, too.

Changelog

Changed

  • Fixes to IBM logo icon:
    • Add right width and height attributes
    • Omit <title> and some attributes from lit-html SVG template

Fixes the rendering issue of IBM logo icon in footer by fixing wrong
`width` and `height` attributes.

Also fixes wrong content in the `<title>` attribute in corresponding
SVG, by avoiding to bake it in the `lit-html` SVG template for the IBM
logo icon. The approach is taken because the `<title>` content is not
the design asset, and may have to be translated in future. Due to such
reason, omitted some other attributes from the `lit-html` SVG template
for the IBM logo icon, too.

Refs carbon-design-system#4224.
@asudoh asudoh added the package: web components Work necessary for the IBM.com Library web components package label Oct 14, 2020
@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Oct 14, 2020

@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Oct 14, 2020

Copy link
Member

@kennylam kennylam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good thanks @asudoh!

@kennylam
Copy link
Member

@asudoh Looks like the only thing is the snapshot is outdated.

@jeffchew jeffchew added the Ready to merge Label for the pull requests that are ready to merge label Oct 15, 2020
@kodiakhq kodiakhq bot merged commit 81c7018 into carbon-design-system:master Oct 15, 2020
@asudoh asudoh deleted the fix-logo-icon branch October 15, 2020 16:20
ariellalgilmore pushed a commit to ariellalgilmore/carbon-for-ibm-dotcom that referenced this pull request Oct 22, 2020
### Related Ticket(s)

Refs carbon-design-system#4224.

### Description

Fixes the rendering issue of IBM logo icon in footer by fixing wrong `width` and `height` attributes.

Also fixes wrong content in the `<title>` attribute in corresponding SVG, by avoiding to bake it in the `lit-html` SVG template for the IBM logo icon. The approach is taken because the `<title>` content is not the design asset, and may have to be translated in future. Due to such reason, omitted some other attributes from the `lit-html` SVG template for the IBM logo icon, too.

### Changelog

**Changed**

- Fixes to IBM logo icon:
  - Add right `width` and `height` attributes
  - Omit `<title>` and some attributes from `lit-html` SVG template
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: web components Work necessary for the IBM.com Library web components package Ready to merge Label for the pull requests that are ready to merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants