va-link active variation wrapping behavior

jamigibbs commented 1 month ago

Description

When the va-link component is used with the active prop set, the arrow icon does not wrap appropriately with the flow of content in different viewport sizes.

https://design.va.gov/storybook/?path=/docs/components-va-link--docs#active

before

Example in production (check various browser sizes):

https://www.va.gov/north-orange-county-vet-center/

Feedback from this PR:

https://github.com/department-of-veterans-affairs/vets-website/pull/30089#discussion_r1635552655

Tasks

[ ] update va-link so that the trailing active icon wraps with text instead of dangling on its own

Acceptance Criteria

[ ]

caw310 commented 1 month ago

Hey team! Please add your planning poker estimate with Zenhub @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @nickjg231 @powellkerry @rmessina1010 @rsmithadhoc

jamigibbs commented 2 weeks ago

closing as a duplicate of https://github.com/department-of-veterans-affairs/vets-design-system-documentation/issues/2595

department-of-veterans-affairs / vets-design-system-documentation