From d211513c15dd2411324ebe701a1522c2c1a7bbe0 Mon Sep 17 00:00:00 2001 From: Cerdic <cedric@yterium.com> Date: Mon, 3 Oct 2022 12:24:03 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20un=20loader=20svg=20plus=20moderne=20qu'?= =?UTF-8?q?on=20puisse=20utiliser=20partout=20(d=C3=A9riv=C3=A9=20de=20htt?= =?UTF-8?q?ps://git.spip.net/spip/statistiques/src/branch/master/prive/the?= =?UTF-8?q?mes/spip/images/graph=5Floader.svg=20mais=20plus=20=C3=A9pais?= =?UTF-8?q?=20pour=20fonctionner=20aussi=20en=20petit=20taille)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- prive/images/loader.svg | 45 ++++++++++++++++++++++++++--------------- 1 file changed, 29 insertions(+), 16 deletions(-) diff --git a/prive/images/loader.svg b/prive/images/loader.svg index f67b082d78..b83ecd743a 100644 --- a/prive/images/loader.svg +++ b/prive/images/loader.svg @@ -1,16 +1,29 @@ -<svg width="24" height="24" viewBox="-30 -30 60 60" xmlns="http://www.w3.org/2000/svg"> -<g stroke="currentColor" stroke-width="0.1" fill-opacity="0" fill="currentColor"> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(30)"><animate attributeName="fill-opacity" begin="0s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(60)"><animate attributeName="fill-opacity" begin="0.1s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(90)"><animate attributeName="fill-opacity" begin="0.2s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(120)"><animate attributeName="fill-opacity" begin="0.3s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(150)"><animate attributeName="fill-opacity" begin="0.4s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(180)"><animate attributeName="fill-opacity" begin="0.5s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(210)"><animate attributeName="fill-opacity" begin="0.6s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(240)"><animate attributeName="fill-opacity" begin="0.7s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(270)"><animate attributeName="fill-opacity" begin="0.8s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(300)"><animate attributeName="fill-opacity" begin="0.9s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10" transform="rotate(330)"><animate attributeName="fill-opacity" begin="1s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -<ellipse cx="0" cy="-19" rx="3" ry="10"><animate attributeName="fill-opacity" begin="1.1s" dur="1.2s" values="1;0.1" repeatCount="indefinite"/></ellipse> -</g> -</svg> \ No newline at end of file +<svg width="24" height="24" viewBox="-3 -3 42 42" xmlns="http://www.w3.org/2000/svg"> + <defs> + <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a"> + <stop stop-color="currentColor" stop-opacity="0" offset="0%"/> + <stop stop-color="currentColor" stop-opacity=".631" offset="63.146%"/> + <stop stop-color="currentColor" offset="100%"/> + </linearGradient> + </defs> + <g fill="none" fill-rule="evenodd"> + <path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="6"> + <animateTransform + attributeName="transform" + type="rotate" + from="0 18 18" + to="360 18 18" + dur="2s" + repeatCount="indefinite" /> + </path> + <circle fill="currentColor" cx="36" cy="18" r="3"> + <animateTransform + attributeName="transform" + type="rotate" + from="0 18 18" + to="360 18 18" + dur="2s" + repeatCount="indefinite" /> + </circle> + </g> +</svg> -- GitLab