Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial code for a mobile friendly scoreboard. #2447

Open
wants to merge 8 commits into
base: wfluxor
Choose a base branch
from

Conversation

nickygerritsen
Copy link
Member

Missing:

  • ❤️.
  • Probably some logic based on whether things are enabled (like problems). Affiliation display logic should be mostly there.
  • Extensive testing for non-finals settings.
  • Maybe some cleanup of the code/logic.
  • Maybe not do this on non public scoreboards?

But we want to use this for the public scoreboard in Luxor, so hence this initial PR.

meisterT and others added 5 commits April 5, 2024 15:04
- Make team names not fall of the screen by calculating their max width.
- Make non mobile scoreboard not left-aligned.
- Add a bit of margin to the header.
- Make the problem boxes right aligned.
- Change the card at the top to show 2 lines (name + contestt time) on mobile.
@meisterT
Copy link
Member

meisterT commented Apr 8, 2024

Maybe not do this on non public scoreboards?

Agreed.

What is strange: I looked now on my phone (and not with chrome devtools) and it is way too wide... but only until the first refresh, then it's fine. Do we fix the width too late?

@nickygerritsen
Copy link
Member Author

Might be that I broke something when moving this to the js file. Will check

@meisterT
Copy link
Member

meisterT commented Apr 8, 2024

I quickly looked into the hearts. It is non-trivial to re-use the same code, so we might have to duplicate it.

@nickygerritsen
Copy link
Member Author

Might be that I broke something when moving this to the js file. Will check

Should be fixed now, it indeed executed the javascript before the page was loaded, which broke when I moved the code to the .js file.

It now also only shows the mobile scoreboard on the public page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants