Skip to content

Update Shortcode design elements from design review #1810

@chipsnyder

Description

@chipsnyder

Describe the bug
From the design review with @iamthomasbishop:

  • Top Label:
    • Use system font "sans-serif" for ios
    • Set font color to be $gray in light mode and $gray-50 in dark mode
    • Increase margin between the label and input field

Screenshots

Screenshots

Placeholder

iOS

Default Dark mode
Placeholder-iOS iOS Dark - Placeholder
iPad Default iPad Dark mode
iPad - Placeholder iPad Dark - Placeholder

Android

Default
Android - Placeholder

Static

iOS

Default Dark mode
Static-iOS iOS Dark - Static
iPad Default iPad Dark mode
iPad - Static iPad Dark - Static

Android

Default
Android - Static

Selected

iOS

Default Dark mode
Selected-iOS iOS Dark - Selected
iPad Default iPad Dark mode
iPad - Selected iPad Dark - Selected

Android

Default
Android - Selected

Additional context
This is to make up for not performing design review before WordPress/gutenberg#19534 was merged

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions