Page MenuHomePhabricator

Fix CSS on Adyen form
Closed, ResolvedPublic2 Estimated Story Points

Description

  • Reopening because the iframe HTML has changed with the new skin and requires fiddling *

The form on Special:AdyenGateway is styled with the old green box, and input fields hang off the side after you open the iframe. It should look as spiffy as other gateway forms, and input fields shouldn't do ugly stuff.

We also need to update the CSS for the Adyen-hosted iframe. On the 'skins' page of their merchant console, we download a zip file, customize CSS and HTML includes, zip them back up and upload. It would be nice to add a stylesheet link to the header include pointing to CSS we host on payments. That way, when we deploy changes the outer form and iframe will change at the same time.

Related Objects

StatusSubtypeAssignedTask
ResolvedNone
ResolvedNone
Resolved cwdent
Resolved cwdent

Event Timeline

Ejegg raised the priority of this task from to Needs Triage.
Ejegg updated the task description. (Show Details)
Ejegg subscribed.
Ejegg triaged this task as High priority.Nov 10 2015, 6:37 PM
Ejegg updated the task description. (Show Details)
Ejegg set Security to None.
Ejegg edited a custom field.

I am rebuilding the Adyen forms with the newer Mustache templates, seems more effective than just updating the stylesheets and probably not much more work. I was wondering which fields we definitely want on the donation form. Is just name and email ok, or do we want street address and/or country?

cwdent updated the task description. (Show Details)
cwdent moved this task from Backlog to Doing on the Fundraising Sprint Yo La Tengo board.

For the purposes of the ticket this is accomplished (https://gerrit.wikimedia.org/r/#/c/256157/). The markup situation in the iframe is grim and I'd like to revisit if Adyen is going to become a donor mainstay.

Waiting to mark as resolved until donor services has a look.