aeternity/superhero-ui

Avoid wording depending on the screen size

Opened this issue · 1 comments

@onvisions in the latest WordBazaar I saw the wording that depends on the screen size. I'm proposing to avoid that, because:

  • it is tricky to implement using straightforward CSS
  • this complicates internationalization

In general a tunning of wording into available space is a fragile approach. I think all wording should be placed with available free space around to simplify internationalization. For example, we were translating the Base aepp interface into Russian and most wording was wider than in English. Would be best if designs consider it at the beginning.

I've got your point about resolution-specific wording. I'm thinking on another solution for navigation on small screens. It will be a quick fix to decrease font-size and make the whole tab bar horizontally swipeable under certain resolution (when it's overflowing the screen size). However for pixel perfect solution I will need some more time to think and create mockups.