search

Finastra / finastra-design-system

The Finastra Design System provided as a theme and components library
https://design.fusionfabric.cloud/
MIT License
123 stars 44 forks source link

[flat button] ripple effect disappeared #288

Closed ttalbot closed 4 years ago

ttalbot commented 4 years ago

Describe the bug Ripple effect is almost invisible on flat button

To Reproduce Steps to reproduce the behavior:

  1. Go to https://design.fusionfabric.cloud/ui-elements/button?tab=dev
  2. Click on primary flat button
  3. See error

Code sample It was working is older versions: still visible in https://stackblitz.com/edit/uxg-theme-buttons

Expected behavior Get back to stackblitz ripple effet here https://stackblitz.com/edit/uxg-theme-buttons

Additional context possibility that the accessibility fixes broke the ripple on flat button

ttalbot commented 4 years ago

looks like we have double opacity since we added CSS var support once with mat-color on line 36 and another with opacity on line 39.