johnwdubois / rezonator

Rezonator: Dynamics of human engagement
35 stars 2 forks source link

Large font strings don't adjust to available space (on tabs, buttons, dialog boxes...) #1412

Open johnwdubois opened 1 year ago

johnwdubois commented 1 year ago

Bug Large font strings don't adjust enough to the available space, drawing outside of tabs, buttons, & dialog boxes.

To reproduce

  1. Maximize font size.
  2. Look at strings on tabs, buttons, alerts....
  3. Minimize line height, and try this too.

Fix

  1. Large font strings should adjust to draw within the available space (or clip the string), for:
    • [ ] Tabs
    • [ ] Buttons
    • [ ] Dialog boxes
  2. Test with:
    • [ ] largest font size
    • [ ] long alert messages
    • [ ] Spanish (longer strings on tabs etc.)
  3. Fix by:
    • smaller font for problematic strings (only?)
    • clip/clamp
    • Scribble fit-to-box?

Screenshot

Large font draws outside of tabs & buttons: "Resonance", "SBC001.ogg", "Home"

Large font draws outside of tabs   buttons

Large font draws outside of dialog boxes: "Search term", "Case sensitive", "Use & to search multiple terms"

Large font draws outside of tabs   buttons 02

Spanish tends to have longer strings:

Large font draws outside of tabs   buttons 03 - Spanish
terrydubois commented 2 months ago

For now, we will just make the text in the nav window tabs be left-aligned.