seb-oss / green

Green is an open-source design system built by SEB.
https://storybook.seb.io/
Apache License 2.0
37 stars 55 forks source link

Button: Text being cropped on gds-buttons with size: small #1807

Open rubenriseld opened 1 week ago

rubenriseld commented 1 week ago

Bug already reported?

For which framework/library you are reporting the bug

Core, Angular

Component name

gds-button

Description

Letters going below baseline are being cropped on gds-buttons when the size attribute is set to 'small'.

{1BA5E3A6-3FE2-44E2-8342-DC9F428C8DCC}

{EB898500-B45E-49AC-94CA-FE2E7A0635AE}

Steps To Reproduce

  1. Using Green Angular Core Wrapper
  2. Add gds-button with size set to small
  3. Set text to something with letters going below baseline (j, g, p)

Current Behaviour

Letters with a part going below baseline are cropped.

Expected Behaviour

Small buttons should show entire letters.