peakshift / makers.bolt.fun

https://makers.bolt.fun
GNU General Public License v3.0
31 stars 21 forks source link

Create responsive title input field #101

Closed barefoot-88 closed 2 years ago

barefoot-88 commented 2 years ago

Issue

ATM, when a maker writes a story and inputs their title, if the title is more than a few words the input field currently clips the title and only shows either the start or end... Clipping the text is never a good UX and often leads to confusion/a need to check that what the user can't see is still there or spelt correctly...

Screenshot 2022-07-25 at 09 47 26 Screenshot 2022-07-25 at 10 54 21

Solution

The title field should be responsive and create a second (or sometimes even third) line, wrapping around rather than clipping the text. See the medium Title input field below as an example...

Screenshot 2022-07-25 at 10 55 17