-
Notifications
You must be signed in to change notification settings - Fork 248
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
base: wfluxor
Are you sure you want to change the base?
Conversation
- 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.
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? |
Might be that I broke something when moving this to the js file. Will check |
I quickly looked into the hearts. It is non-trivial to re-use the same code, so we might have to duplicate it. |
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. |
Missing:
But we want to use this for the public scoreboard in Luxor, so hence this initial PR.