UI: The position sticky on the workflow toolbar is not working

[yunwoo-yu]

Pre-requisites

• I have double-checked my configuration
• I can confirm the issues exists when I tested with :latest
• I'd like to contribute the fix myself (see contributing guide)

What happened/what you expected to happen?

• The sticky property applied to the toolbar when the workflow list checkbox is selected is not applied, so the toolbar is not visible when scrolling down.

How to fix the problem?

The Page component provided by argo-ui has overflow:hidden as a default property in the page__content-wrapper, so sticky cannot be applied.

Alternatively, you can use position:fixed and classname to make it behave like sticky.
If you have a better way, I'd appreciate any suggestions :)

Version

latest

Paste a small workflow that reproduces the issue. We must be able to run the workflow; don't enter a workflows that uses private images.

N/A

Logs from the workflow controller

N/A

Logs from in your workflow's wait container

N/A