[UserScript] SRS Grid Details

WaniKani API And Third-Party Apps
71

The details being small is something I added myself.

If you want the same you’ll have to edit the code. Around line 123 I changed these four lines

"<tr><td class='progressDetailTableTDFirst'>Radicals</td><td class='progressDetailTableTDSecond'>" + level.radicals() + (level.sub == undefined ? "" : breakdown(level.sub.radicals)) + "</td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Kanji</td><td class='progressDetailTableTDSecond'>" + level.kanji() + (level.sub == undefined ? "" : breakdown(level.sub.kanji)) + "</td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Vocabulary</td><td class='progressDetailTableTDSecond'>" + level.vocabulary() + (level.sub == undefined ? "" : breakdown(level.sub.vocabulary)) + "</td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Total</td><td class='progressDetailTableTDSecond'>" + level.total() + (level.sub == undefined ? "" : breakdown(level.sub.total)) + "</td></tr>" +

to this

"<tr><td class='progressDetailTableTDFirst'>Radicals</td><td class='progressDetailTableTDSecond'>" + level.radicals() + (level.sub == undefined ? "" : "<span class='SRSGBsmall'> "+breakdown(level.sub.radicals)) + "</span></td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Kanji</td><td class='progressDetailTableTDSecond'>" + level.kanji() + (level.sub == undefined ? "" : "<span class='SRSGBsmall'> "+breakdown(level.sub.kanji)) + "</span></td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Vocabulary</td><td class='progressDetailTableTDSecond'>" + level.vocabulary() + (level.sub == undefined ? "" : "<span class='SRSGBsmall'> "+breakdown(level.sub.vocabulary)) + "</span></td></tr>" +
"<tr><td class='progressDetailTableTDFirst'>Total</td><td class='progressDetailTableTDSecond'>" + level.total() + (level.sub == undefined ? "" : "<span class='SRSGBsmall'> "+breakdown(level.sub.total)) + "</span></td></tr>" +

and then I added this CSS to a personal style of dashboard edits

.SRSGBsmall {
    display: inline !important;
    font-size: 10px !important;
}
1 Like