snapshot-labs / sx-monorepo

Snapshot X monorepo
https://docs.snapshotx.xyz
MIT License
11 stars 10 forks source link

fix(ui): set a min textarea height #436

Open wa0x6e opened 1 week ago

wa0x6e commented 1 week ago

Summary

This PR add a minimum height to style textarea, to avoid UI bug like

Screenshot 2024-06-25 at 15 52 26

After fix, the smallest textarea height should be the same as regular input (61px), and looks like a text input.

Screenshot 2024-06-25 at 15 55 14

PR also fix an UX issue where clicking on the label was not focusing on the input field

How to test

  1. Go to any form with texarea
  2. Resize the textare height to minimum
  3. Smallest height should be 61px, same height as input
  4. Click on the label
  5. It should focus on the input
bonustrack commented 4 days ago

Currently the space between label and input are not consistent for normal input and textarea, can you make it the same? Reducing the spacing in red for textarea

image
wa0x6e commented 4 days ago

Currently the space between label and input are not consistent for normal input and textarea, can you make it the same? Reducing the spacing in red for textarea image

fixed