Skip to content

Show official logos in the media source menu - #433

Merged
paulocastellano merged 2 commits into
mainfrom
feat/brand-icons
Oct 16, 2026
Merged

paulocastellano merged 2 commits into
mainfrom
feat/brand-icons

Conversation

@paulocastellano

@paulocastellano paulocastellano commented Oct 16, 2026 •

Copy link
Copy Markdown
Contributor

Why

Canva's review requires its official, unaltered icon wherever the app interacts with Canva (brand guidelines). The composer's media menu showed Tabler's circle-letter-c-filled, a look-alike "C". Tabler has no Canva icon.

What changed

  • New dependency @thesvg/vue (MIT, no dependencies). Each logo is imported on its own (@thesvg/vue/canva), so only these four reach the bundle.
  • MediaSourceMenu.vue shows the official logos of Canva, Google Drive (google-drive-2026), Google Photos and Unsplash. Unsplash's logo is black, so it is drawn in the text color and still shows in dark mode.
  • Each Canva size sits on one line: the name, the size in small muted text and "· Default" on the default size.

Tests

  • New in ComposerCanvaMenuTest: the Canva entry shows the official logo.
  • The sizes test now expects the one-line format, e.g. (1200×1200).
  • ComposerCanvaMenuTest, ComposerMediaSourcesTest, ComposerGooglePhotosTest and ComposerEditInCanvaTest pass locally (21 tests). ESLint and vue-tsc pass.

Checklist

  • Composer › Add media: Canva, Google Drive, Google Photos and Unsplash logos, in light and dark mode.
  • Canva submenu: one line per size, "· Default" on Square 1:1.

Canva's brand guidelines require its official, unaltered icon wherever the
app interacts with Canva; the menu showed a Tabler look-alike "C". Canva,
Google Drive, Google Photos and Unsplash now use their logos from
@thesvg/vue. Each Canva size fits on one line: name, size and default.
@paulocastellano paulocastellano changed the title Use official brand logos from @thesvg/vue Show official logos in the media source menu Oct 16, 2026
@paulocastellano
paulocastellano merged commit c5c58f4 into main Oct 16, 2026
17 of 19 checks passed
@paulocastellano
paulocastellano deleted the feat/brand-icons branch October 16, 2026 13:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant