monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-03-04 18:53:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: dropdown element flashing for couple frames on page load

Browse source
This commit is contained in:
Miodec 2024-05-08 00:12:35 +02:00
parent f9c3f16f8a
commit 97b2766a9e
1 changed files with 103 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

152
frontend/src/ts/elements/leaderboards.ts
View file

@ -381,6 +381,8 @@ export function hide(): void {
},
100,
() => {
languageSelector?.destroy();
languageSelector = undefined;
clearBody("15");
clearBody("60");
clearFoot("15");
@ -674,6 +676,56 @@ export function show(): void {
$("#leaderboards table thead tr td:nth-child(3)").html(
Config.typingSpeedUnit + '<br><div class="sub">accuracy</div>'
);
languageSelector = new SlimSelect({
select:
"#leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup.timeRange .languageSelect",
settings: {
showSearch: false,
// contentLocation: document.querySelector(
// "#leaderboardsWrapper"
// ) as HTMLElement,
// contentPosition: "relative",
},
data: [
{
value: "english",
text: "english",
selected: true,
},
{
value: "spanish",
text: "spanish",
},
{
value: "german",
text: "german",
},
{
value: "french",
text: "french",
},
{
value: "portuguese",
text: "portuguese",
},
{
value: "indonesian",
text: "indonesian",
},
{
value: "italian",
text: "italian",
},
],
events: {
afterChange: (newVal): void => {
currentLanguage = newVal[0]?.value as string;
updateTitle();
void update();
},
},
});
$("#leaderboardsWrapper")
.stop(true, true)
.css("opacity", 0)
@ -697,55 +749,57 @@ $("#leaderboardsWrapper").on("click", (e) => {
}
});
const languageSelector = new SlimSelect({
select:
"#leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup.timeRange .languageSelect",
settings: {
showSearch: false,
// contentLocation: document.querySelector(
// "#leaderboardsWrapper"
// ) as HTMLElement,
// contentPosition: "relative",
},
data: [
{
value: "english",
text: "english",
selected: true,
},
{
value: "spanish",
text: "spanish",
},
{
value: "german",
text: "german",
},
{
value: "french",
text: "french",
},
{
value: "portuguese",
text: "portuguese",
},
{
value: "indonesian",
text: "indonesian",
},
{
value: "italian",
text: "italian",
},
],
events: {
afterChange: (newVal): void => {
currentLanguage = newVal[0]?.value as string;
updateTitle();
void update();
},
},
});
let languageSelector: SlimSelect | undefined = undefined;
// const languageSelector = new SlimSelect({
// select:
// "#leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup.timeRange .languageSelect",
// settings: {
// showSearch: false,
// // contentLocation: document.querySelector(
// // "#leaderboardsWrapper"
// // ) as HTMLElement,
// // contentPosition: "relative",
// },
// data: [
// {
// value: "english",
// text: "english",
// selected: true,
// },
// {
// value: "spanish",
// text: "spanish",
// },
// {
// value: "german",
// text: "german",
// },
// {
// value: "french",
// text: "french",
// },
// {
// value: "portuguese",
// text: "portuguese",
// },
// {
// value: "indonesian",
// text: "indonesian",
// },
// {
// value: "italian",
// text: "italian",
// },
// ],
// events: {
// afterChange: (newVal): void => {
// currentLanguage = newVal[0]?.value as string;
// updateTitle();
// void update();
// },
// },
// });
let leftScrollEnabled = true;