Skip to content
This repository has been archived by the owner on Feb 5, 2020. It is now read-only.

Select/Dropdown form component field width #900

Open
rhyslawry opened this issue Jun 13, 2017 · 1 comment
Open

Select/Dropdown form component field width #900

rhyslawry opened this issue Jun 13, 2017 · 1 comment

Comments

@rhyslawry
Copy link

Expected behaviour

The Select ("Dropdown") form component should match the width of other input fields for consistency

Actual behaviour

Currently the Select component field width does not match the other components/input types, usually displaying much wider than the rest of the input fields
Its width is set to 100%, while all other input fields (except file upload fields) have a width of 25rem
This should apply to both the default and alt styles of select.

Steps to reproduce

http://discover.fvas.unimelb.edu.au/ask
image

https://resources.web.unimelb.edu.au/controlled-environment/help-guides/using-forms/default-form
image

https://web.unimelb.edu.au/components/forms/
image

Suggested solution

Add width: 25rem; to .uomcontent fieldset .styled-select { } to match other input fields

Before

image

After

image

@rhyslawry
Copy link
Author

Side note: File upload fields also have 100% width instead of 25rem
image

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant