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.
The simple replacement of
display: block
withdisplay: flex
to resolve Issue #1192 extended thetext-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.