PLANET-4374 Improve search results to resolve Accessibility and Vertical Spacing

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

66 stars 27 forks source link

PLANET-4374 Improve search results to resolve Accessibility and Vertical Spacing #89

Closed planet-4 closed 3 years ago

planet-4 commented 3 years ago

Apply spacing vertical and horizontal so that the results are readable and balanced.

Attached are the measurements for the adjustments. The font weights and design layouts follow the existing search results css settings. The knock back on the image is #000000 Alpha 25%.

Tasks

Adjust spacing on the Search results page based on the mockups

Screenshots

Screenshot

Reporter: wmorrisj
Sections: Search

Potentially affected repositories: planet4-master-theme

dpivo commented 3 years ago

UAT Go to https://www-dev.greenpeace.org/test-saturn Search for something

magalifatome commented 3 years ago

@dpivo I checked the paddings and the vertical padding between the image and the grey line is not right for XL, L & M screens (see screenshot attached). The vertical padding should be 24px as per in the mockups.

search results-vertical spacing

comzeradd commented 3 years ago

Fixed at https://github.com/greenpeace/planet4-master-theme/pull/1236