Skip to content

Add GIF badge to GIFs in editor #968

@iamthomasbishop

Description

@iamthomasbishop

In Aztec, we showed a [GIF] badge over the top of .gif's – let's add that, and in the process set ourselves up for future badge re-use :)

Coverage:

  • Image block
  • Gallery block
  • Media&Text block
  • ?

Here's what it looks like on a variety of backdrops:

image

Specs:

image

image

  • Positioning: 10px from top left corner
  • Background color: #1A1A1A 50% alpha
  • Border-radius: 6px
  • Internal Padding: 3px 6px
  • Font-family: Sans-serif
  • Font-size: 14px
  • Font-weight: Semi-bold
  • Text-transform: Uppercase
  • Background Blur (iOS): 5pt

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions