yari
yari copied to clipboard
enhance(curriculum): improve design
Summary
(MP-1106)
- On the landing page, use a gray border for the modules on hover.
| Before | After |
|---|---|
- Add a margin above the "Resources:" section.
| Before | After |
|---|---|
- Reduce the margin below lists.
| Before | After |
|---|---|
- Use a consistent padding inside the "Notes:" boxes.
| Before | After |
|---|---|
- Reuse the module label background color for the sidebar/TOC highlighting.
| Before | After |
|---|---|
- Update the color of the "Notes:" boxes to match the hue of the sidebar/TOC highlighting (only dark theme).
| Before | After |
|---|---|
- Add consistent margin between lists and paragraphs in "Notes:" boxes.
| Before | After |
|---|---|
- Reduce the left padding of lists in "Notes:" boxes.
| Before | After |
|---|---|
Screenshots
(See above.)
How did you test this change?
Ran yarn dev and viewed http://localhost:3000/en-US/curriculum/ locally.