refactor: use button instead of div

This commit is contained in:
Miodec 2023-11-21 14:22:56 +00:00
parent a195b959d2
commit b7f8c946df
2 changed files with 47 additions and 47 deletions

View file

@ -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);

View file

@ -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"