Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 task done
rubenriseld opened this issue Nov 19, 2024 · 0 comments
Open
1 task done

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

rubenriseld opened this issue Nov 19, 2024 · 0 comments
Labels
Comp: Button Type: Bug Something isn't working

Comments

@rubenriseld
Copy link

Bug already reported?

  • I confirm that I have checked if the bug already has been 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.

@rubenriseld rubenriseld added the Type: Bug Something isn't working label Nov 19, 2024
@EldRoos EldRoos changed the title Text being cropped on gds-buttons with size: small Button: Text being cropped on gds-buttons with size: small Nov 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Comp: Button Type: Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants