Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Extended FAB: Enable padding customizations #2900

Closed
kfranqueiro opened this issue Jun 7, 2018 · 0 comments
Closed

Extended FAB: Enable padding customizations #2900

kfranqueiro opened this issue Jun 7, 2018 · 0 comments
Labels

Comments

@kfranqueiro
Copy link
Contributor

After discussing with designers, the baseline extended FAB will consist of the following:

  • 12px icon-side padding
  • 24px icon
  • 12px padding between icon and label
  • 20px label-side padding

The baseline for extended FAB with no label will have 20px padding on each side.

We need to be able to customize the following:

  • The basis for the icon-side padding and padding between icon and label (both of these should equal each other)
  • The label-side padding

Additional thoughts:

  • It might be nice if we could bundle icon size and padding adjustment to compute the padding automatically depending on the size, but this might warrant prototyping to see whether "smarter" is actually easier to use
  • We'd still need to keep in mind that we don't need to adjust padding for the default collapsed FAB (we simply center the icon, no matter the size)
  • We also need to properly style icon-less extended FAB to have equal padding on both sides (using the label-side padding setting)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

1 participant