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

RTL: Reverse background gradients

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Done
    • Icon: Blocker Blocker
    • 1.35.0
    • 2
    • Sprint #66

      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

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

              Created:
              Updated:
              Resolved: