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

Closes #1207: Refactor accordions to use Flexbox. #1208

Open
wants to merge 4 commits into
base: 2.x
Choose a base branch
from

Conversation

mmunro-ltrr
Copy link
Member

The simple replacement of display: block with display: flex to resolve Issue #1192 extended the text-decoration: underline styling from the accordion title to the arrow toggle icon on the left; to avoid such behavior, this PR implements the approach of @danahertzberg by limiting the scope of text styling with a <span> element. Note that this approach does require modifications to existing markup, or the toggle icon will still appear underlined.

@mmunro-ltrr mmunro-ltrr added bug Something isn't working documentation Improvements or additions to documentation 2.0.x only labels Apr 18, 2024
@mmunro-ltrr mmunro-ltrr requested review from danahertzberg and a team April 18, 2024 22:06
@mmunro-ltrr mmunro-ltrr self-assigned this Apr 18, 2024
@mmunro-ltrr mmunro-ltrr changed the title Closes #1192, #1207: Refactor accordions to use Flexbox, avoiding titles overlapping arrows. Closes #1207: Refactor accordions to use Flexbox. Apr 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
2.0.x only bug Something isn't working documentation Improvements or additions to documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Change Accordions to Use Flexbox
1 participant