[PK-AMP]To increase the line height of image to avoid text overlap - Githubissues

quintype / quintype-amp

Quintype's AMP component library for publisher apps to create amp layouts

0 stars 1 forks source link

[PK-AMP]To increase the line height of image to avoid text overlap #327

Closed qt-support closed 3 years ago

qt-support commented 3 years ago

This Github issue is synchronized with Zendesk:

Ticket ID: #12695 Publisher URL : https://www.prabhatkhabar.com/ Client Type: Custom CMS: https://prabhatkhabar.quintype.com/ Tested on other Instance : NA Task:

To increase the line height of the image as shown below so that the following text doesn't overlap with the image.

Steps to reproduce:

go to https://beta.prabhatkhabar.com/ampstories/entertainment/shehnaz-gill-bold-photoshoot-making-fans-crazy-viral-on-social-media-bigg-boss-contestant-hot-and-bold-photos-div
Check the text that overlaps with the image.

Client wants to add more line height to avoid this from happening. Expected behaviour

Text shouldn't overlap with the image on AMP stories.

Screenshot or Video

ags1773 commented 3 years ago

We've fixed this issue from our side. We are adding a class on the text which the user can target and write CSS for. Have raised a PR in Prabhatkhabar https://github.com/quintype/prabhatkhabar/pull/667 which they need to review and merge