Skip to content

fix(accordion): indent wrapped text past chevron icon (#4562)#5763

Open
YASH-MOHARIR wants to merge 1 commit intocanonical:mainfrom
YASH-MOHARIR:fix/4562-accordion-long-text-indentation
Open

fix(accordion): indent wrapped text past chevron icon (#4562)#5763
YASH-MOHARIR wants to merge 1 commit intocanonical:mainfrom
YASH-MOHARIR:fix/4562-accordion-long-text-indentation

Conversation

@YASH-MOHARIR
Copy link

  • Add padding-left to .p-accordion__tab so all lines of text are consistently indented past the chevron icon area
  • Position the ::before chevron absolutely (left: 0) instead of using margin-right, which only indented the first line of text

Resolves #4562

Screenshots

image

- Add padding-left to .p-accordion__tab so all lines of text are
  consistently indented past the chevron icon area
- Position the ::before chevron absolutely (left: 0) instead of using
  margin-right, which only indented the first line of text

Resolves canonical#4562
@webteam-app
Copy link

YASH-MOHARIR is not a collaborator of the repo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Accordion: long text in the button is not indented

2 participants