neale/moth
neale
/
moth
mirror of https://github.com/dirtbags/moth.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

s/id/class/

This commit is contained in:
Neale Pickett 2023-11-16 22:37:05 -07:00
parent 610eb27430
commit c4bf25f8fa
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
theme/scoreboard.css
View File

@ -34,31 +34,31 @@
}
/** Scoreboard */
#rankings {
.rankings {
width: 100%;
position: relative;
background-color: #000c;
}
#rankings div {
.rankings div {
height: 1.2rem;
display: flex;
align-items: center;
}
#rankings div:nth-child(6n){
.rankings div:nth-child(6n){
background-color: #ccc3;
}
#rankings div:nth-child(6n+3) {
.rankings div:nth-child(6n+3) {
background-color: #0f03;
}
#rankings span {
.rankings span {
display: inline-block;
overflow: hidden;
}
#rankings span.category {
.rankings span.category {
font-size: 80%;
}
#rankings span.teamname {
.rankings span.teamname {
height: auto;
font-size: inherit;
color: white;
@ -67,8 +67,8 @@
position: absolute;
right: 0.2em;
}
#rankings span.teamname:hover,
#rankings span.category:hover {
.rankings span.teamname:hover,
.rankings span.category:hover {
width: inherit;
max-width: 100%;
}
@ -79,7 +79,7 @@
}
@media only screen and (max-width: 450px) {
#rankings span.teamname {
.rankings span.teamname {
max-width: 6em;
text-overflow: ellipsis;
}
@ -88,7 +88,7 @@
}
}
#rankings div * {white-space: nowrap;}
.rankings div * {white-space: nowrap;}
.cat0, .cat8, .cat16 {background-color: #a6cee3; color: black;}
.cat1, .cat9, .cat17 {background-color: #1f78b4; color: white;}
.cat2, .cat10, .cat18 {background-color: #b2df8a; color: black;}

2
theme/scoreboard.html
View File

@ -10,7 +10,7 @@
</head>
<body>
<div class="no-scores hidden"></div>
<div id="rankings"></div>
<div class="rankings"></div>
<div class="location"></div>
</body>
</html>

2
theme/scoreboard.mjs
View File

@ -49,7 +49,7 @@ async function update() {
e.classList.toggle("hidden", !(ScoreboardConfig.DisplayServerURLWhenEnabled && state.Enabled))
}
let rankingsElement = document.querySelector("#rankings")
let rankingsElement = document.querySelector(".rankings")
let logSize = state.PointsLog.length
// Figure out the timing so that we can replay the scoreboard in about