Extras: fix remaining createRadialGradient() issues

be4c4877b35ad1b6983cf194e61f0dad1d123af5 fixed Context2D's
createRadialGradient() function, so our usage of it has to be updated
accordingly. This patch produces the same visual result as it was
originally.

Change-Id: I4c021dcb2db9303d0a4d6ae8ca4cc606ca1f6d67
Reviewed-by: J-P Nurmi <[email protected]>

1 files changed, 3 insertions, 3 deletions

diff --git a/src/extras/Private/CircularButtonStyleHelper.qml b/src/extras/Private/CircularButtonStyleHelper.qml
index 55154ae28..713d727fd 100644
--- a/src/extras/Private/CircularButtonStyleHelper.qml
+++ b/src/extras/Private/CircularButtonStyleHelper.qml
@@ -96,7 +96,7 @@ QtObject {
         ctx.lineWidth = outerArcLineWidth;
         ctx.arc(xCenter, yCenter, outerArcRadius, 0, Math.PI * 2, false);
         var gradient = ctx.createRadialGradient(xCenter, yCenter - halfRadius,
-            halfRadius, xCenter, yCenter - halfRadius, radius);
+            0, xCenter, yCenter - halfRadius, radius * 1.5);
         gradient.addColorStop(0, outerArcColorTop);
         gradient.addColorStop(1, outerArcColorBottom);
         ctx.strokeStyle = gradient;
@@ -126,8 +126,8 @@ QtObject {
         /* Draw the button's body */
         ctx.beginPath();
         ctx.ellipse(xCenter - radius, yCenter - radius, radius * 2, radius * 2);
-        gradient = ctx.createRadialGradient(xCenter, yCenter + radius * 0.85, radius,
-            xCenter, yCenter + radius * 0.85, radius * 0.85);
+        gradient = ctx.createRadialGradient(xCenter, yCenter + radius * 0.85, 0,
+            xCenter, yCenter + radius * 0.85, radius * (0.85 * 2));
         gradient.addColorStop(1, buttonColorTop);
         gradient.addColorStop(0, buttonColorBottom);
         ctx.fillStyle = gradient;