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.

Sign up for GitHub

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

Jump to bottom

subTitle prop, of Accordion, hasn't margin right with the arrow button #7203

Open
1 task done
EstebanGoldMuros opened this issue Feb 12, 2025 · 1 comment · May be fixed by #7220
Open
1 task done

subTitle prop, of Accordion, hasn't margin right with the arrow button #7203

EstebanGoldMuros opened this issue Feb 12, 2025 · 1 comment · May be fixed by #7220
Labels
Bug On Backlog

Comments

@EstebanGoldMuros
Copy link

Description

In the Accordion component when subTitle prop has a long text, this text doesn't have enough space to the right with the arrow button

Reproduction

https://stackblitz.com/edit/accordion-bxecc9hn?file=src%2FApp.tsx

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

147.3.0

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@EstebanGoldMuros EstebanGoldMuros added Bug triage Triage Required labels Feb 12, 2025
@tomdavies73
Copy link
Contributor

FE-7086

@tomdavies73 tomdavies73 added On Backlog and removed triage Triage Required labels Feb 18, 2025
tomdavies73 added a commit that referenced this issue Feb 20, 2025
@tomdavies73
fix(accordion): add padding-right to accordion heading container
a7b813b 
adds a padding-right to the accordion heading container, so ample space is provided between a
subtitle and the accordion chevron

fix #7203
@tomdavies73 tomdavies73 linked a pull request Feb 20, 2025 that will close this issue
Open
14 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug On Backlog
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(accordion): add padding-right to accordion heading container Sage/carbon
2 participants
@EstebanGoldMuros @tomdavies73