dashboard add scroll-to-today

[pmattmann]

related to #5608

Not a auto-scroll
But a link to scroll to 'today'

To test:

• create a camp with a start-date in the past and an end-date in the future.
• goto dashboard
• see icon on the top right

[github-actions]

✅ Feature branch deployment ready!

Name	Link
😎 Deployment	https://pr6145.ecamp3.ch/
🔑 Login	[email protected] / test
🕒 Last deployed at	Sun Oct 13 2024 22:10:59 GMT+0200
🔨 Latest commit	b1024c2dfb6be698e5670aad308bdecdc5800737
🔍 Latest deploy log	https://github.com/ecamp/ecamp3/actions/runs/11317327693/job/31470701162
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

[manuelmeister]

Very cool idea!

I think could be more clear. Also I'm not sure of the placement of this button. Maybe it could be a floating action button that is only visible if the tbody isn't visible (IntersectionObserver).

[manuelmeister]

I think this should be set on the tbody and preferably as an id. Which we could reflect in the url.

Then the tbody should have a scroll-margin-top with the same value as the top of the .day-header: So the navbar does not cover the content:

If solved as an id, someone could then share this link and it will automatically go to the same day.

[usu]

Agree to comment of @manuelmeister.
As this button/icon is really only visible during the actual camp, I would be ok with an action button with actual text (for example: "go to today" or shorter "today")

Also for me the scrolling action is always a bit too far (day header is not shown anymore), both on mobile and on desktop. I think this could be fine-tuned either with the block option or with scroll-margin-top css.

Code looks good to me.