Add color to rank up/down errors on final score screen.

This commit is contained in:
Patrick Fairbank
2021-10-10 16:09:29 -07:00
parent 0510457571
commit 9805b1653a
2 changed files with 10 additions and 4 deletions

View File

@@ -250,10 +250,10 @@ html {
font-family: "FuturaLT";
font-size: 32px;
}
.final-teams span {
.final-teams>span {
margin: 0 10px;
}
.final-teams span sup {
.final-teams>span>sup {
margin-left: 3px;
font-size: 18px;
vertical-align: super;
@@ -271,6 +271,12 @@ html {
#rightFinalTeams {
padding-left: 5%;
}
.rank-up {
color: #0c3;
}
.rank-down {
color: #f33;
}
.final-breakdown {
float: left;
width: 33%;

View File

@@ -457,9 +457,9 @@ var getRankingText = function(teamId, rankings) {
}
var arrow = "";
if (ranking.Rank > ranking.PreviousRank && ranking.PreviousRank > 0) {
arrow = "⬇";
arrow = "<span class='rank-down'>&#9660;</span>";
} else if (ranking.Rank < ranking.PreviousRank) {
arrow = "&#11014;";
arrow = "<span class='rank-up'>&#9650;</span>";
}
return "<sup>" + ranking.Rank + arrow + "</sup>";
};