search

NASA-PDS / doi-ui

The web interface for the PDS DOI Service providing the ability management PDS archive DOIs. See the DOI Service for more details on the available capabilities. https://nasa-pds.github.io/doi-service/
Apache License 2.0
0 stars 4 forks source link

Error and warning message width should match with the rest of the form #125

Closed tloubrieu-jpl closed 2 years ago

tloubrieu-jpl commented 2 years ago

🐛 Describe the bug

See video here with an example of a very wide message

https://user-images.githubusercontent.com/60993872/158233062-387b7174-127d-47cd-8aa9-2323eb855954.mov

📜 To Reproduce

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

🕵️ Expected behavior

The width of the error or warning box should be aligned with the rest of the form

📚 Version of Software Used

🩺 Test Data / Additional context

🏞Screenshots

🖥 System Info

🦄 Related requirements

⚙️ Engineering Details

eddiesarevalo commented 2 years ago

@tloubrieu-jpl I'm not sure how you got a super long no break string but I simulated it by hard coding an error with a long string. I added a css style to break the string if it doesn't fit. So it won't show a long div anymore.

tloubrieu-jpl commented 2 years ago

That will be perfect, thanks @eddiesarevalo.