Skip to content

Refine background/icon of image block transitional state #1544

@iamthomasbishop

Description

@iamthomasbishop

While reviewing this PR, I noticed something that's been bugging me about the image block in general – the icon that sits over the background during upload progress is way too large and the wrong color. It looks like this:

image

It looks like the Video block has the "proper" styling, which IIRC is:

  • Background: good as-is (same as global placeholder background, which IIRC is gray-light from Colors Archive in light mode and gray 90 from Color Studio in dark mode)
  • Icon size: 32x32
  • Icon color (light mode): gray-lighten-20 from Colors Archive
  • Icon color (dark mode): gray-70 from Color Studio

Which looks like this:

image

Tasks

  • Apply above styling to image block upload state placeholder
  • Cross-reference other blocks that have this sort of "in between" state/background, to ensure we are matching the above styling?

Metadata

Metadata

Assignees

Labels

[Type] BugSomething isn't working

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions