Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-4127

Create CSS for enhanced DONATE mobile button test

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Fixed
    • Icon: Must have Must have
    • None
    • None
    • 4
    • Navigation
    • Sprint #124

      To implement the A/B test pof the alternative designs of https://jira.greenpeace.org/browse/PLANET-4085 we need the CSS code for jmarubay to implement in Optimize.

      Just as we did in https://jira.greenpeace.org/browse/PLANET-3830

       

      Alternative Design

      As defined in https://jira.greenpeace.org/browse/PLANET-4085

      Behaviour (fade-in & fade-out)

      **As defined in https://jira.greenpeace.org/browse/PLANET-4140

      wmorrisj: "I have attached an image showing the point at which fade out and fade in should occur. The fade should be quick no more than 2 seconds. The red bar indicates the screen height of the device."  (image is also attached to this ticket).

      When users scroll-up to the top of the page, the button should reappear with a fade-in.

       

      Tasks

      • Deliver CSS to Julia (in a comment) of wireframe attached

       

       

        1. donate-button-test.gif
          donate-button-test.gif
          3.58 MB
        2. fade_out.jpg
          fade_out.jpg
          414 kB

            pcuadrad Pablo Cuadrado (Inactive)
            ltiralon Luca Tiralongo
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: