search

ampproject / amphtml

The AMP web component framework.
https://amp.dev
Apache License 2.0
14.89k stars 3.89k forks source link

[amp-story-interactive-img-quiz] & [amp-story-interactive-img-poll]: background-image property issue & gaps in between two options #37575

Open kamblenavnath opened 2 years ago

kamblenavnath commented 2 years ago

Description

Two Issues for image quizzes and image polls: (1) When we use an image URL consisting "()", the inline background-image CSS property does not auto generate to a resp. div element. for e.g. If a option-1-image="http://example.com/uploads/named(41).jpg", the option grid show blank. (For solution: The auto generated value of property is: url(http://example.com/uploads/named(41).jpg), instead those URLs must have to be within quotes like: url('http://example.com/uploads/named(41).jpg)') Sample story example: Check Slide No. 2 Background_Image_Issue

(2) When prompt text content is lesser than max-width decided to quiz/poll blocks while there is only two options exist, then there will be no margin-left space generates for 2nd option. Sample story example: Check Slide No. 3 Options_gap

Reproduction Steps

Please hit the shared story example links for references.

Relevant Logs

No response

Browser(s) Affected

Chrome, Firefox, Safari, Edge, UC Browser

OS(s) Affected

No response

Device(s) Affected

No response

AMP Version Affected

No response

kamblenavnath commented 2 years ago

@processprocess @sebastianbenz Please have a look on it.

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.