GO UI Library Update

[udaynwa]

TODO

• 1. Login, Register form fields

Description	GO UI Library Update	Figma	Currently in Production
The size of the fields is much bigger than before

TODO (for future)

• 1. Field Report

Description	GO UI Library Update	Figma	Currently in Production
Description style is different		N/A

---

• 2. Country page's tabs and sub-tabs

Description	GO UI Library Update	Figma	Currently in Production
Tabs and sub-tabs are congested

DONE, updated as in Figma

1. Home → Highlighted Operations

Description	GO UI Library Update	Figma	Currently in Production
Funding coverage display differs. Prod shows a full-width progress bar; Staging shows small percentage text and a tiny bar. The progress bar color also differs.

---

2. Risk Watch → Seasonal Risk

Description	GO UI Library Update	Figma	Current in Production
Country blocks under “Countries by Risk” are larger.

---

3. Account → My Forms

A. Toggle Button Group

Description	GO UI Library Update	Figma	Currently in Production
Smaller toggle button group; uses ALL CAPS text similar to main page heading.

B. Footer Spacing

Description	GO UI Library Update	Figma	Currently in Production
Smaller space between “Active DREF Operations” and the footer (applies to FR, PER, DREF, 3W).

---

4. ALL CAPS Section Titles

Description	GO UI Library Update	Figma	Currently in Production
Titles like “ACTIVE DREF OPERATIONS” appear in ALL CAPS.

---

5. Country → Key Links

Description	GO UI Library Update	Figma	Currently in Production
Position of the “Key Links” section differs across versions.

---

6. Page titles

Description	GO UI Library Update	Figma	Currently in Production
Page titles are larger.		N/A

---

7. Footer

Description	GO UI Library Update	Figma	Currently in Production
Update GlobalFooter to be contained in single row

---

8. Links

Description	GO UI Library Update	Figma	Currently in Production
Update the default color and hover effect to match the previous style and Figma

---

9. Links

Description	GO UI Library Update	Figma	Currently in Production
Update Emergency > Reports / Documents > Response Documents section

---

10. Table headers

Description	GO UI Library Update	Figma	Currently in Production
Add background to table headers

---

11. Links

Description	GO UI Library Update	Figma	Currently in Production
Remove hover effect from table rows

For Discussion

• Footer > The "Find Out More" section does not exist in Figma UI designs

[mariam-yu]

@udaynwa Thank you so much for making this ticket so clear and organized and sorry for taking some time to get to it. Here are some comments: (cc @tovari)

1 - Highlighted Ops: looks good, but can we audit to make sure it matches the design more closely (font-weight). Also, Funding coverage text I think shouldn't be different. We will update in the designs.

2 - Risk: looks good for the update of blocks, as long as the background hover over the country name is not pushed along with it.

3 & 4 - All caps and such: I'd honestly say better to do on component level since then we can also look at spacing and sizes and not just one aspect of those components. Better to wait on these ones.

5 - Key links: I'm pretty sure we moved it around after you guys built it, which should explain it. I think it's ok to move up, but in the design, there is a background and such. Can we match that?

6 - Page titles: Let's not do and do on component level. Will be more accurate and audited properly.

7 - Footer: I didn't really get the change (besides all caps titles), so either way it's fine. We will tackle it as a component. However, it seems on stage you have updated the overall margins. If so, this is a good change!

8 - Links: I'd leave all of this for component level. Then we can provide more accurate direction for types, hovers, and such.

9 - Documents module: Let's do later on component level. Some things are matching, others not. Better to do properly.

10 - Table headers: if it's only background, then ok, if sizes and such, let's do on a component level.

11 - Table hover: sounds good to remove. Hover entails a click effect, which we don't have within table rows.

I'd leave the rest as is without changing till we coordinate the components.

Thanks so much!!!