gaiety/codestats-readme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fixed CSS scale() issue on WebKit by wrap up text in g tag

Browse source
This commit is contained in:
Edison Lee 2020-07-18 10:37:34 +08:00
parent 96f89ad2b7
commit 61442cb359
No known key found for this signature in database
GPG key ID: 835DFCB891513C34
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/renderStatsCard.js
View file

@ -135,16 +135,17 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
})"> })">
<circle class="rank-circle-rim" cx="-10" cy="8" r="40" /> <circle class="rank-circle-rim" cx="-10" cy="8" r="40" />
<circle class="rank-circle" cx="-10" cy="8" r="40" /> <circle class="rank-circle" cx="-10" cy="8" r="40" />
<text <g class="rank-text">
x="${rank.level.length === 1 ? "-4" : "0"}" <text
y="0" x="${rank.level.length === 1 ? "-4" : "0"}"
alignment-baseline="central" y="0"
dominant-baseline="central" alignment-baseline="central"
text-anchor="middle" dominant-baseline="central"
class="rank-text" text-anchor="middle"
> >
${rank.level} ${rank.level}
</text> </text>
</g>
</g>`; </g>`;
// the better user's score the the rank will be closer to zero so // the better user's score the the rank will be closer to zero so