adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

swap stats th and td

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-03-18 01:56:27 +01:00
parent 980715c72f
commit f87af4fa7e
2 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/_common.css
View File

@@ -30,6 +30,10 @@ body {
background-color: #25292d; background-color: #25292d;
} }
#statsTable th {
text-align: right;
}
#matrixCard { #matrixCard {
background-image: radial-gradient(#222, #25292d); background-image: radial-gradient(#222, #25292d);
} }
@@ -43,11 +47,6 @@ body {
font-weight: 600; font-weight: 600;
} }
#statsTable td,
#statsModal td {
text-align: right;
}
td#timeCell { td#timeCell {
min-width: 10ch; min-width: 10ch;
} }
@@ -274,20 +273,22 @@ tr.cleared-line-animation {
border-collapse: collapse; border-collapse: collapse;
} }
#statsModal th { #statsModal td {
padding-left: 0; padding-left: 0;
padding-right: 0.5rem; padding-right: 0.5rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
border-left: 0.5rem solid transparent; border-left: 0.5rem solid transparent;
border-right: 0; border-right: 0;
width: max-content;
} }
#statsModal td { #statsModal th {
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0; padding-right: 0;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
border-left: 0; border-left: 0;
border-right: 0.5rem solid transparent; border-right: 0.5rem solid transparent;
text-align: right;
} }
#statsModal tr:last-child th, #statsModal tr:last-child th,

25
index.html
View File

@@ -143,11 +143,11 @@
</div> </div>
<div class="card shadow"> <div class="card shadow">
<table id="statsTable" class="table mb-0"> <table id="statsTable" class="table mb-0">
<tr class="card-header fw-bold text-uppercase"><th>Score</th><td id="scoreCell">0</td> </tr> <tr class="card-header fw-bold text-uppercase"><td>Score</td><th id="scoreCell">0</th> </tr>
<tr><th>Meilleur<br/>score</th><td id="highScoreCell"><script>document.write(Number(localStorage["highScore"]) || 0)</script></td></tr> <tr><td>Meilleur<br/>score</td><th id="highScoreCell"><script>document.write(Number(localStorage["highScore"]) || 0)</script></th></tr>
<tr><th>Niveau</th><td id="levelCell">0</td> </tr> <tr><td>Niveau</td><th id="levelCell">0</th> </tr>
<tr><th>But</th> <td id="goalCell">0</td> </tr> <tr><td>But</td> <th id="goalCell">0</th> </tr>
<tr><th>Temps</th> <td id="timeCell">00:00:00</td></tr> <tr><td>Temps</td> <th id="timeCell">00:00:00</th></tr>
</table> </table>
</div> </div>
</div> </div>
@@ -226,11 +226,16 @@
</div> </div>
<div class="modal-body p-0"> <div class="modal-body p-0">
<table class="table mb-0"> <table class="table mb-0">
<tr><th>Score</th> <td id="statsModalScoreCell"></td> <th>Quatuors</th> <td id="statsModalNbQuatuors"></td> </tr> <tr><td>Score</td> <th id="statsModalScoreCell"></th> </tr>
<tr><th>Meilleur score</th><td id="statsModalHighScoreCell"></td> <th>Pirouettes</th> <td id="statsModalNbTSpin"></td> </tr> <tr><td>Meilleur score</td> <th id="statsModalHighScoreCell"></th> </tr>
<tr><th>Temps</th> <td id="statsModalTimeCell"></td> <th>Plus long combo</th> <td id="statsModalMaxCombo"></td> </tr> <tr><td>Niveau</td> <th id="statsModalLevelCell"></th> </tr>
<tr><th>Niveau</th> <td id="statsModalLevelCell"></td> <th>Plus long bout à bout</th><td id="statsModalMaxB2B"></td> </tr> <tr><td>Temps</td> <th id="statsModalTimeCell"></th> </tr>
<tr><th>Lignes</th> <td id="statsModaltotalClearedLines"></td><th>Lignes par minute</th> <td id="statsModaltotalClearedLinesPM"></td></tr> <tr><td>Lignes</td> <th id="statsModaltotalClearedLines"></th> </tr>
<tr><td>Lignes par minute</td> <th id="statsModaltotalClearedLinesPM"><htd></tr>
<tr><td>Quatuors</td> <th id="statsModalNbQuatuors"></th> </tr>
<tr><td>Pirouettes</td> <th id="statsModalNbTSpin"></th> </tr>
<tr><td>Plus long combo</td> <th id="statsModalMaxCombo"></th> </tr>
<tr><td>Plus long bout à bout</td><th id="statsModalMaxB2B"></th> </tr>
</table> </table>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">