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

RTL: Reverse background gradients

    XporterXMLWordPrintable

    Details

    • Type: Task
    • Status: CLOSED
    • Priority: Blocker
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: 1.35.0
    • Labels:
    • Story Points:
      2
    • Sprint:
      Sprint #66
    • P4 site:
      MENA
    • Track:
      Development
    • Repositories:
      planet4-master-theme

      Description

      Code tested by William:

      This is the change to the diagonal overlay code. Just add a:

      .skewed-overlay::before {

      background: 0 0;
      background: -moz-linear-gradient(-155deg,transparent 15%,rgba(255,255,255,.2) 15%,#fff 45%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.9) 80%,rgba(255,255,255,.9) 90%,rgba(255,255,255,.95) 90%);
      background: -webkit-linear-gradient(-155deg,transparent 15%,rgba(255,255,255,.2) 15%,#fff 45%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.9) 80%,rgba(255,255,255,.9) 90%,rgba(255,255,255,.95) 90%);
      background: linear-gradient(-245deg,transparent 15%,rgba(255,255,255,.2) 15%,#fff 45%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.9) 80%,rgba(255,255,255,.9) 90%,rgba(255,255,255,.95) 90%);

      }

      On second line from the bottom. It's -245deg

        Gliffy Diagrams

          Attachments

            Activity

              People

              Assignee:
              nroussos Nikos Roussos
              Reporter:
              wmorrisj William Morris-Julien
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: