mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-11-17 14:19:40 +08:00
chore: remove dead leaderboards code
This commit is contained in:
parent
afbf6872ba
commit
29fb547978
7 changed files with 1 additions and 313 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -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") &&
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue