Skip to content

refactor: solid personal bests modal (@d1rshan)#8009

Draft
d1rshan wants to merge 13 commits into
monkeytypegame:masterfrom
d1rshan:refactor/solid-pb-modal
Draft

refactor: solid personal bests modal (@d1rshan)#8009
d1rshan wants to merge 13 commits into
monkeytypegame:masterfrom
d1rshan:refactor/solid-pb-modal

Conversation

@d1rshan
Copy link
Copy Markdown
Contributor

@d1rshan d1rshan commented May 23, 2026

@monkeytypegeorge monkeytypegeorge added the frontend User interface or web stuff label May 23, 2026
</thead>
<For each={groups()}>
{(group) => (
<tbody class="[clip-path:inset(0)]">
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[&>tr:nth-child(odd)>td]:bg-sub-alt should do the row backgrounds

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, will update.

setGroups(buildGroups(mode()));
}}
>
<table class="border-collapse border-spacing-0 text-text">
Copy link
Copy Markdown
Member

@fehmer fehmer May 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am wondering, besides the sticky is there anything special on this table preventing us from using the DataTable like we do in the other components?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

im not sure, will look at the component and refactor pb tables to use that. i think it should be possible.

return (
<AnimatedModal
id="PbTables"
modalClass="max-w-full gap-0 overflow-y-scroll overscroll-y-contain p-8"
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is one of the classes the fix for the scroll issue? should we set it by default in the AnimatedModal component?

Copy link
Copy Markdown
Contributor Author

@d1rshan d1rshan May 24, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes, the overscroll-y-contain class is the fix for scroll issue and i think we should add it to animated modal since all modals need the same behavior.

will update it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend User interface or web stuff

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ux issues in personal bests modal

3 participants