| Index: ui/webui/resources/images/throbber_medium.svg
|
| diff --git a/ui/webui/resources/images/throbber_medium.svg b/ui/webui/resources/images/throbber_medium.svg
|
| index c6f51b277ebfcfb0fa1ba3110d1d681c6348db7a..f8c86eaa93941eb419153cad6538f2c321e889ae 100644
|
| --- a/ui/webui/resources/images/throbber_medium.svg
|
| +++ b/ui/webui/resources/images/throbber_medium.svg
|
| @@ -37,23 +37,23 @@
|
|
|
| /* SVG elements seem to have a different default origin */
|
| .qp-circular-loader, .qp-circular-loader * {
|
| - -webkit-transform-origin: 50% 50%;
|
| + transform-origin: 50% 50%;
|
| }
|
|
|
| /* Rotating the whole thing */
|
| - @-webkit-keyframes rotate {
|
| + @keyframes rotate {
|
| from {transform: rotate(0deg);}
|
| to {transform: rotate(360deg);}
|
| }
|
| .qp-circular-loader {
|
| - -webkit-animation-name: rotate;
|
| - -webkit-animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
| - -webkit-animation-iteration-count: infinite;
|
| - -webkit-animation-timing-function: linear;
|
| + animation-name: rotate;
|
| + animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
| + animation-iteration-count: infinite;
|
| + animation-timing-function: linear;
|
| }
|
|
|
| /* Filling and unfilling the arc */
|
| - @-webkit-keyframes fillunfill {
|
| + @keyframes fillunfill {
|
| from {
|
| stroke-dashoffset: 58.8 /* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
|
| /* 0.1 a bit of a magic constant here */
|
| @@ -66,7 +66,7 @@
|
| /* 0.5 a bit of a magic constant here */
|
| }
|
| }
|
| - @-webkit-keyframes rot {
|
| + @keyframes rot {
|
| from {
|
| transform: rotate(0deg);
|
| }
|
| @@ -74,7 +74,7 @@
|
| transform: rotate(-360deg);
|
| }
|
| }
|
| - @-webkit-keyframes colors {
|
| + @keyframes colors {
|
| from {
|
| stroke: #4285f4;
|
| }
|
| @@ -83,12 +83,12 @@
|
| }
|
| }
|
| .qp-circular-loader-path {
|
| - -webkit-animation-name: fillunfill, rot, colors;
|
| - -webkit-animation-duration: 1333ms, 5332ms, 5332ms; /* ARCTIME, 4*ARCTIME, 4*ARCTIME */
|
| - -webkit-animation-iteration-count: infinite, infinite, infinite;
|
| - -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear;
|
| - -webkit-animation-play-state: running, running, running;
|
| - -webkit-animation-fill-mode: forwards;
|
| + animation-name: fillunfill, rot, colors;
|
| + animation-duration: 1333ms, 5332ms, 5332ms; /* ARCTIME, 4*ARCTIME, 4*ARCTIME */
|
| + animation-iteration-count: infinite, infinite, infinite;
|
| + animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear;
|
| + animation-play-state: running, running, running;
|
| + animation-fill-mode: forwards;
|
| }
|
|
|
| </style>
|
|
|