Skip to content

[Button] Hover/Focus state should lighten & elevate #17493

@una

Description

@una
  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Raised buttons should lighten in color and increase box-shadow value

Current:
Kapture 2019-09-19 at 14 34 03

Expected Behavior 🤔

Material Spec:
Kapture 2019-09-19 at 14 42 57
See: https://material-components.github.io/material-components-web-catalog/#/component/button?type=raised

Steps to Reproduce 🕹

Steps:

  1. Create button
  2. Hover/focus
  3. Witness variance

Context 🔦

Thank you for all of your work here! Just going to point out some adjustments and inconsistencies with the Material spec :)

Your Environment 🌎

Tech Version
Material-UI latest @4

Metadata

Metadata

Assignees

No one assigned

    Labels

    design: materialThis is about Material Design, please involve a visual or UX designer in the processscope: buttonChanges related to the button.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions