sci-components icon indicating copy to clipboard operation
sci-components copied to clipboard

Update padding on Icon Buttons to align with new spacing rules

Open clarsen-czi opened this issue 9 months ago • 0 comments

All sizes (l, m, s) of the Icon variants of Button and ButtonDropdown components need the padding between the icon and the gray circle that appears behind the icons on hover and pressed to be changed to use new spacing variables.

  • Button – primary and secondary variants (tertiary variant does not have background color on hover):

    • size: l – top/bottom/left/right padding: spaceXxs; total width/height: 40px x 40px
    • size: m – top/bottom/left/right padding: spaceXs; total width/height: 36px x 36px
    • size: s – top/bottom/left/right padding: spaceXs; total width/height: 28px x 28px
  • ButtonDropdown – primary and secondary variants:

    • size: l – top/bottom/left/right padding: spaceXxs; total width/height: 40px x 40px
    • size: m – top/bottom/left/right padding: spaceXs; total width/height: 36px x 36px
    • size: s – top/bottom/left/right padding: spaceXs; total width/height: 28px x 28px

clarsen-czi avatar May 24 '24 19:05 clarsen-czi