search

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

Repository for design.va.gov website
https://design.va.gov
40 stars 61 forks source link

Support question: Adjusting width for va-radio-option in the development environment #3324

Open cora-goldston-bah opened 1 week ago

cora-goldston-bah commented 1 week ago

Support question

How can we help?

This is a follow-up to issue #1937. As noted in that previous issue, Figma now allows designers to override the va-radio-option width. However, when our developers are working in the development environment, they're encountering a platform-wide style that constrains the va-radio-option width to 320px.

It appears the 320px platform-wide style is related to visibility on mobile devices. However, the development environment is constraining the width, even on our desktop pages.

Is there a way to override the width in the development environment? If not, we'd like to explore how we can make this possible in the future.

Thank you! Transition Experience Team

cora-goldston-bah commented 1 week ago

Looping in the Transition Experience team @nkontrabecki @vetskrieg @iseabock @RonnieYoung-UX

micahchiang commented 1 week ago

You should be able to target labels and adjust their width in your app stylesheet. MHV does something similar here - https://github.com/department-of-veterans-affairs/vets-website/blob/main/src/applications/mhv-secure-messaging/sass/compose.scss#L16

cora-goldston-bah commented 1 week ago

Thank you, @micahchiang! We will look into this on our stylesheet.