search

jamesplease / materialish

React components that loosely follow Material Design
https://materialish.js.org
MIT License
17 stars 5 forks source link

IconButton - ripple should always come from the center #187

Closed jamesplease closed 6 years ago

jamesplease commented 6 years ago

Updating the value of .mt-ripple:after to have this:

margin-top: -13px;
  margin-left: -14px;

Rather than -10px, -10px, seems to fix it. Any thoughts @JPorry ?

—-

Update: this is because mt-ripple-spread is different for the icon button. The top/left margin offset should be based off of that CSS variable.