techmatters / terraso-mobile-client

A React Native project for Terraso’s LandPKS mobile application.
https://landpks.terraso.org
GNU Affero General Public License v3.0
2 stars 0 forks source link

Insufficient space for "slope" string on soil id screen in Spanish #2362

Open DerekCaelin opened 3 weeks ago

DerekCaelin commented 3 weeks ago

App Version

199

Account

No response

Platforms

Description

In Spanish, there is insufficient space to fit "plano" and the percent slope on the Soil ID screen.

Steps to Reproduce

  1. Switch to the Spanish version of the app
  2. Open up a site where slope data has been entered
  3. Go to Soil ID screen
  4. See issue

Expected behavior

Courtney's instructions:

I suggest reworking the layout to put the button below the image and text area. 16px of vertical space above and below the button. Let me know if you need a figma design for this. This solution should be applied in general, not specific to Spanish language.

Actual behavior

No response

Additional context

tm-ruxandra commented 3 weeks ago

Coordinate with @CourtneyLee333 to determine appropriate design-level solution to handle large text in this specific layout.

CourtneyLee333 commented 2 weeks ago

I suggest reworking the layout to put the button below the image and text area. 16px of vertical space above and below the button. Let me know if you need a figma design for this. This solution should be applied in general, not specific to Spanish language.