mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-10-19 12:06:06 +08:00
refactor: use button instead of div
This commit is contained in:
parent
a195b959d2
commit
b7f8c946df
2 changed files with 47 additions and 47 deletions
|
@ -6,13 +6,13 @@ import { get as getTypingSpeedUnit } from "../utils/typing-speed-units";
|
|||
function clearTables(isProfile: boolean): void {
|
||||
const source = isProfile ? "Profile" : "Account";
|
||||
|
||||
const showAllButton = `<div class="buttonGroup"><div
|
||||
class="showAllButton button"
|
||||
const showAllButton = `<div class="buttonGroup"><button
|
||||
class="showAllButton"
|
||||
data-balloon-pos="left"
|
||||
aria-label="Show all personal bests"
|
||||
>
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</div></div>`;
|
||||
</button></div>`;
|
||||
|
||||
const htmlToShow = isProfile ? "" : showAllButton;
|
||||
|
||||
|
@ -103,13 +103,13 @@ export function update(
|
|||
|
||||
const showAllButton = isProfile
|
||||
? ""
|
||||
: `<div class="buttonGroup"><div
|
||||
class="showAllButton button"
|
||||
: `<div class="buttonGroup"><button
|
||||
class="showAllButton"
|
||||
data-balloon-pos="left"
|
||||
aria-label="Show all personal bests"
|
||||
>
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</div></div>`;
|
||||
</button></div>`;
|
||||
|
||||
$(`.page${source} .profile .pbsTime`).append(text + showAllButton);
|
||||
|
||||
|
|
|
@ -112,46 +112,6 @@
|
|||
<div class="pos">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pbsWords">
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">10 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">25 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">50 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">100 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="buttonGroup">
|
||||
<div
|
||||
class="showAllButton button"
|
||||
data-balloon-pos="left"
|
||||
aria-label="Show all personal bests"
|
||||
role="button"
|
||||
>
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pbsTime">
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
|
@ -183,7 +143,47 @@
|
|||
</div>
|
||||
<div class="buttonGroup">
|
||||
<div
|
||||
class="showAllButton button"
|
||||
class="showAllButton"
|
||||
data-balloon-pos="left"
|
||||
aria-label="Show all personal bests"
|
||||
role="button"
|
||||
>
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pbsWords">
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">10 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">25 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">50 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<div class="quick">
|
||||
<div class="test">100 words</div>
|
||||
<div class="wpm">-</div>
|
||||
<div class="acc">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="buttonGroup">
|
||||
<div
|
||||
class="showAllButton"
|
||||
data-balloon-pos="left"
|
||||
aria-label="Show all personal bests"
|
||||
role="button"
|
||||
|
|
Loading…
Add table
Reference in a new issue