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 currently inactive.

If the PR is still open, you can add the deploy! label to this PR to trigger a feature branch deployment.

[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.

[pmattmann]

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")

• Done: Button has text '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.

• Scroll-Issue is fixed - code contains magic numbers :/
  Better solution would be welcome.

[manuelmeister]

Nice changes. I think I will eventually create an improved hover button solution. But this change already improves the UX.