PLANET-5326 Handbook sidebar font size and wrapping

greenpeace / planet4

Built on top of Wordpress tech, Greenpeace Planet 4 powers digital platforms to engage with millions and win campaigns around the world.

https://planet4.greenpeace.org

Creative Commons Attribution Share Alike 4.0 International

64 stars 26 forks source link

PLANET-5326 Handbook sidebar font size and wrapping #146

Closed andradaradu closed 2 years ago

andradaradu commented 3 years ago

Brief summary of task:

In the handbook sidebar (https://planet4.greenpeace.org/) the font size is a bit too small (for medium screens and up). Also, when wrapping the padding is not taken into account (see screenshot)

Recommendation from Will:

font-weight: 700 to the headings and bring the list links up from 0.8rem to 1rem

Tasks:

Use bold for sidebar category headings
Use 1rem font size for sidebard links under categories
Fix wrapped sidebar links to follow padding rules

Example of similar work:

Help:

You can always reach out to the Planet4 team at planet4-pm-group@greenpeace.org if you have a question. -->

aliya-rahmani commented 3 years ago

@andradaradu , I am interested to work on this issue.

shruti1421 commented 3 years ago

If no one is working, can I work on this issue?

comzeradd commented 3 years ago

Thanks both 💚 Since @aliya-rahmani expressed interest first, I'm assigning the ticket to you.

Here is a starting point in our technical documentation, in order to get your local development environment up and running: https://support.greenpeace.org/planet4/

aliya-rahmani commented 3 years ago

@comzeradd I've made a PR for this issue, please review it

comzeradd commented 2 years ago

Fixed at https://github.com/greenpeace/planet4-child-theme-handbook/commit/9b44694c1131665bf3094a7c6adf729a58925a11