Skip to content

Bottom Sheet / Image Settings Visual Refinements #535

@iamthomasbishop

Description

@iamthomasbishop

Per discussion with @etoledom regarding our progress on the updated "neutral" Bottom Sheets that will be housing Image Block Settings, I wanted to jot down some notes regarding recommended visual refinements. But first, some useful context:

Related Issues

Current State

Here's a screenshot of what the current developed state looks like:

screen shot 2019-02-04 at 1 09 04 pm

Proposed Design

Here's the proposed design – nearly identical to what @etoledom has here 👏

image

Proposed Refinements to Dev

  • Remove the : from “Link To”. (in-progress)
  • Force title case for the row titles (Link To, Alt Text, CSS Class, etc). (This is a point of difference between HIG and Material, but I’d prefer to use title case.)
  • Truncate long text strings in the middle instead of at the end of the line.
  • Make last row’s border-bottom full-width.
  • 24pt margin between the top of sheet and start of the table. (example)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions