search

XGovFormBuilder / digital-form-builder

Exploring how to quickly and easily design/prototype/deploy high quality digital forms for UK Gov. Based on the excellent work by DEFRA. Currently maintained by jen+forms@cautionyourblast.com at Caution Your Blast and a community collaboration between FCDO, HO, GDS, DfE, DIT, Version 1, UKHSA
https://digital-form-builder-designer.herokuapp.com/app
MIT License
58 stars 34 forks source link

Classes to apply css in additional settings (number and text component) not working #759

Open delaynesr opened 2 years ago

delaynesr commented 2 years ago

Describe the bug Trying to make the size of the number input box visually smaller as it only needs to house 6 numbers. I copy the example given in classes (additional settings) to do this and it doesn't work. The box remains the same size

To Reproduce Steps to reproduce the behavior:

  1. Click 'create component' on page
  2. Go to 'number' component (or text)
  3. Click on 'additional settings'
  4. Go to 'Classes' field and enter example (or other)
  5. Save
  6. Preview the page - can see the box remains same size

Expected behavior The text box should become smaller

Screenshots

Screenshot (113) Screenshot (114)

Repository

Desktop (please complete the following information):

Additional context I had a look at GDS code for this and it is in html. I can't find anything for a css way to do it. FYI I am a designer and have very basic knowledge of html

JamesBoadi commented 2 years ago

Currently it seems govuk-input-width is not available as a css class. Using styles spacing worked for me