Unverified Commit b039fa16 authored Jul 18, 2020 by Anurag Hazra Committed by GitHub Jul 18, 2020

Merge pull request #86 from edisonlee55/master

fix: fixed CSS scale() on WebKit causing rendering issues

So I have used the solution provided here (Reference):
CSS transform on SVG text element not working in Safari - Stack Overflow - https://stackoverflow.com/a/61398694/4333875

They have encountered issue with `transform: translate()` and filed a bug report, but `transform: scale()` is also having issue on our side.

Also, the minimum reproducible example is [here](https://stackoverflow.com/questions/62964270/css-scale-animation-in-svg-text-tag-not-working-on-safari) on Stack Overflow.
(the word `Test` won't show up **on Safari**)

parents 431f2a0b 61442cb3

src/renderStatsCard.js

+11 −10

Original line number	Diff line number	Diff line
		@@ -157,16 +157,17 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
		})">
		<circle class="rank-circle-rim" cx="-10" cy="8" r="40" />
		<circle class="rank-circle" cx="-10" cy="8" r="40" />
		<g class="rank-text">
		<text
		x="${rank.level.length === 1 ? "-4" : "0"}"
		y="0"
		alignment-baseline="central"
		dominant-baseline="central"
		text-anchor="middle"
		class="rank-text"
		>
		${rank.level}
		</text>
		</g>
		</g>`;

		if (hide_title) {

Admin message