chore: remove dead leaderboards code

This commit is contained in:
Miodec 2025-09-10 12:24:55 +02:00
parent afbf6872ba
commit 29fb547978
7 changed files with 1 additions and 313 deletions

View file

@ -1025,113 +1025,6 @@
<button>copy link to clipboard</button>
</div>
</dialog>
<div id="leaderboardsWrapper" class="popupWrapper hidden">
<div id="leaderboards">
<div class="leaderboardsTop">
<div class="mainTitle">All-Time English Leaderboards</div>
<div class="subTitle">Next update in: --:--</div>
<div class="textButton showYesterdayButton hidden">
<i class="fas fa-calendar-day"></i>
<div class="text">Show yesterday</div>
</div>
<div class="buttons">
<div class="buttonGroup timeRange">
<div class="button allTime">all-time</div>
<div class="button daily">daily</div>
<select class="languageSelect" disabled></select>
</div>
</div>
</div>
<div class="tables">
<div class="titleAndTable">
<div class="titleAndButtons">
<div class="title">
Time 15
<i
class="hidden leftTableLoader fas fa-fw fa-spin fa-circle-notch"
></i>
</div>
<div class="buttons">
<div class="button leftTableJumpToTop">
<i class="fas fa-fw fas fa-crown"></i>
<!-- Top -->
</div>
<div class="button leftTableJumpToMe">
<i class="fas fa-fw fas fa-user"></i>
<!-- Me -->
</div>
</div>
</div>
<div class="leftTableWrapper invisible">
<table class="left">
<thead>
<tr>
<td width="1%">#</td>
<td>name</td>
<td class="alignRight" width="1%">
wpm
<br />
<div class="sub">accuracy</div>
</td>
<td class="alignRight" width="1%">
raw
<br />
<div class="sub">consistency</div>
</td>
<td class="alignRight" width="125px">date</td>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
</div>
</div>
<div class="titleAndTable">
<div class="titleAndButtons">
<div class="title">
Time 60
<i
class="hidden rightTableLoader fas fa-fw fa-spin fa-circle-notch"
></i>
</div>
<div class="buttons">
<div class="button rightTableJumpToTop">
<i class="fas fa-fw fas fa-crown"></i>
<!-- Top -->
</div>
<div class="button rightTableJumpToMe">
<i class="fas fa-fw fas fa-user"></i>
<!-- Me -->
</div>
</div>
</div>
<div class="rightTableWrapper invisible">
<table class="right">
<thead>
<tr>
<td width="1%">#</td>
<td>name</td>
<td class="alignRight" width="1%">
wpm
<br />
<div class="sub">accuracy</div>
</td>
<td class="alignRight" width="1%">
raw
<br />
<div class="sub">consistency</div>
</td>
<td class="alignRight" width="120px">date</td>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
<dialog id="versionHistoryModal" class="modalWrapper hidden">
<div class="modal"></div>
</dialog>

View file

@ -221,16 +221,6 @@
}
}
}
#leaderboardsWrapper #leaderboards .leaderboardsTop {
grid-template-columns: 1fr 1fr;
grid-template-areas: "title title" "subtitle yesterday" "buttons buttons";
.buttons .timeRange {
grid-template-columns: 1fr 1fr 1fr;
.languageSelect {
grid-column: span 1;
}
}
}
.testActivity {
--box-size: 0.58em;
// .activity div,

View file

@ -221,37 +221,6 @@
}
}
}
#leaderboardsWrapper #leaderboards {
.tables {
grid-template-columns: 1fr;
height: 100%;
.titleAndTable .title {
font-size: 1rem;
}
.rightTableWrapper,
.leftTableWrapper {
height: calc(50vh - 9rem);
}
}
.leaderboardsTop {
.buttons .timeRange {
font-size: 0.75rem;
}
// grid-template-columns: 1fr 1fr;
// grid-template-areas: "title title" "subtitle yesterday" "buttons buttons";
.mainTitle {
font-size: 1.5rem;
}
// .buttons .timeRange {
// font-size: 0.75rem;
// grid-template-columns: 1fr 1fr 1fr;
// .languageSelect {
// grid-column: span 1;
// }
// }
}
}
#customTextModal {
.modal {
grid-template-areas:

View file

@ -33,16 +33,6 @@
font-size: 9rem;
}
}
#leaderboardsWrapper #leaderboards {
table thead tr td:nth-child(4),
table tbody tr td:nth-child(4),
table tfoot tr td:nth-child(4) {
display: none;
}
.mainTitle {
font-size: 2rem;
}
}
#customTextModal {
.modal {
.buttonsTop {

View file

@ -66,35 +66,7 @@ body {
// //1450px
// @media only screen and (max-width: 90.625rem) {
// #leaderboardsWrapper #leaderboards {
// .mainTitle {
// font-size: 2rem;
// }
// .title {
// font-size: 1rem;
// }
// .leaderboardsTop {
// grid-template-columns: auto 1fr max-content;
// .buttonGroup {
// grid-auto-flow: row;
// gap: 0.5rem;
// }
// }
// .tables table {
// .avatarNameBadge .badge .text {
// display: none;
// }
// tr td:first-child {
// padding-left: 0.25rem;
// }
// tr td:last-child {
// padding-right: 0.25rem;
// }
// td {
// padding: 0.25rem 0.5rem;
// }
// }
// }
//
// }
// //1330px
@ -116,13 +88,6 @@ body {
// //1250px
// @media only screen and (max-width: 78.125rem) {
// #leaderboardsWrapper #leaderboards {
// .tables table {
// tr td:nth-child(5) {
// display: none;
// }
// }
// }
// #customTextModal .modal {
// textarea {
// min-height: 426px;
@ -148,50 +113,6 @@ body {
// gap: 1rem;
// grid-template-rows: 1fr 1fr;
// }
// #leaderboardsWrapper {
// #leaderboards {
// .leaderboardsTop {
// flex-direction: column;
// align-items: baseline;
// grid-template-areas:
// "title title"
// "subtitle subtitle"
// "yesterday yesterday"
// "buttons buttons";
// grid-template-columns: 1fr;
// .buttons {
// margin-top: 0.5rem;
// }
// .buttonGroup {
// grid-auto-flow: column;
// }
// .showYesterdayButton {
// margin-left: 0;
// }
// }
// .tables {
// grid-template-columns: unset;
// table {
// .avatarNameBadge .badge .text {
// display: block;
// }
// tr td:last-child {
// width: 30%;
// }
// }
// }
// .tables .rightTableWrapper,
// .tables .leftTableWrapper {
// height: calc(50vh - 10rem);
// }
// .tables table {
// tr td:nth-child(5) {
// display: table-cell;
// width: auto;
// }
// }
// }
// }
// }
// //1000px
@ -313,11 +234,6 @@ body {
// grid-template-areas: "title title" "t15 t60";
// }
// }
// #leaderboards {
// .mainTitle {
// font-size: 1.5rem !important;
// }
// }
// #bannerCenter .banner .container {
// grid-template-columns: 1fr auto;
// .image {
@ -459,13 +375,6 @@ body {
// #quoteSearchModal .modal #quoteSearchControlsWrapper {
// grid-template-columns: 1fr;
// }
// #leaderboardsWrapper #leaderboards {
// .tables table {
// tr td:nth-child(5) {
// display: none;
// }
// }
// }
// .pageAbout {
// .triplegroup {
// grid-template-columns: 1fr;
@ -547,24 +456,6 @@ body {
// }
// }
// }
// #leaderboardsWrapper #leaderboards {
// width: 85vw;
// .tables .rightTableWrapper,
// .tables .leftTableWrapper {
// height: calc(50vh - 10rem);
// }
// .tables {
// grid-template-columns: unset;
// table {
// .avatarNameBadge .badge .text {
// display: block;
// }
// tr td:nth-child(4) {
// display: none;
// }
// }
// }
// }
// .profile {
// grid-template-columns: 1fr;
// grid-template-rows: auto auto auto;
@ -720,9 +611,6 @@ body {
// }
// }
// }
// #leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup {
// grid-auto-flow: row;
// }
// .pageAccount {
// .group.history {
@ -972,32 +860,6 @@ body {
// }
// }
// }
// #leaderboardsWrapper #leaderboards {
// .tables .titleAndTable .titleAndButtons {
// grid-template-columns: unset;
// }
// .tables table {
// thead,
// tbody,
// tfoot {
// // font-size: 0.5rem;
// }
// tr td:first-child {
// padding-left: 0.25rem;
// }
// tr td:last-child {
// padding-right: 0.25rem;
// }
// td {
// padding: 0.25rem;
// }
// }
// .tables .rightTableWrapper,
// .tables .leftTableWrapper {
// height: calc(50vh - 9rem);
// }
// }
// .page404 .content {
// grid-template-columns: 1fr;
// }

View file

@ -864,12 +864,10 @@ async function handleTab(
$("#wordsInput").on("keydown", (event) => {
const pageTestActive: boolean = ActivePage.get() === "test";
const commandLineVisible = Misc.isPopupVisible("commandLineWrapper");
const leaderboardsVisible = Misc.isPopupVisible("leaderboardsWrapper");
const popupVisible: boolean = Misc.isAnyPopupVisible();
const allowTyping: boolean =
pageTestActive &&
!commandLineVisible &&
!leaderboardsVisible &&
!popupVisible &&
!TestUI.resultVisible &&
event.key !== "Enter" &&
@ -905,14 +903,12 @@ $(document).on("keydown", async (event) => {
const wordsFocused: boolean = $("#wordsInput").is(":focus");
const pageTestActive: boolean = ActivePage.get() === "test";
const commandLineVisible = Misc.isPopupVisible("commandLineWrapper");
const leaderboardsVisible = Misc.isPopupVisible("leaderboardsWrapper");
const popupVisible: boolean = Misc.isAnyPopupVisible();
const allowTyping: boolean =
pageTestActive &&
!commandLineVisible &&
!leaderboardsVisible &&
!popupVisible &&
!TestUI.resultVisible &&
(wordsFocused || event.key !== "Enter") &&

View file

@ -26,15 +26,3 @@
.pageAbout .section p {
color: var(--sub-color);
}
#leaderboardsWrapper #leaderboards .title {
color: var(--sub-color);
}
#leaderboardsWrapper #leaderboards .tables table thead {
color: var(--sub-color);
}
#leaderboardsWrapper #leaderboards .tables table tbody {
color: var(--sub-color);
}