pegasystems / constellation-ui-gallery

This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.
https://pegasystems.github.io/constellation-ui-gallery/
Apache License 2.0
30 stars 22 forks source link

Signature component style issue #38

Closed vijayjangid closed 5 months ago

vijayjangid commented 5 months ago

Fixes #30

Changed styling of the component a bit to make it aligned with Design System.

  1. Added dotted border to separate drawing area and clickable actions. I found it useful to avoid situation where drawing fails when started outside of signature component (empty whitespace between two buttons).
  2. Using compact button with padding to Button container, to save space and avoid bleed
  3. Reverse order of button, in general - we are keeping positive action in the right and cancellation/destructive action in left. Also changed button variants secondary/primary accordingly.

Screenshot 2024-03-16 at 9 24 56 AM

Happy to be course corrected if anyone thinks otherwise.