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

Update home screen app bar info sheet content and styling #801

Closed ltseng closed 4 months ago

ltseng commented 7 months ago

Update the info sheet on the home screen to match the content of the current design.

Design

FYI:

Here is the Figma reference (also copied below for quick reference)

Steps to find the info sheet

  1. Log in to app
  2. Go to home screen
  3. Tap the (i) icon on the top left'

Additional context re styling

Acceptance criteria

### Tasks
- [x] Update the icon to match our new branding. [The new graphic is in Drive here.](https://drive.google.com/file/d/158mCOPKV063u6kge65llrIEEclCbem3k/view?usp=drive_link)
- [x] The text "Gain insights" should be its own sentence, instead of part of another sentence
- [x] Numbered list should start with "1" (currently starts with "2")
- [x] The text of the numbered list needs to be updated, particularly in number 2
- [x] Add links to LandPotential.org
- [x] Properly style the external links (See issue #954)
ltseng commented 5 months ago

Also make sure that on different devices, lines aren't being cut off in the 2nd and 3rd bullet point

knipec commented 4 months ago

This should be verifiable when v119 is made

DerekCaelin commented 4 months ago

Thanks for this @knipec! Closing the issue, and we'll do QA in may: https://github.com/techmatters/terraso-product/issues/735