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

2
theme/scoreboard.html
View File

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

2
theme/scoreboard.mjs
View File

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