Make webtask.io "Explorer" sidebar scrollable

webtask-io-scrollable.md

Objective

Fix the annoying Explorer sidebar of webtask.io and make it scrollable. 😊

How?

I use Google Chrome browser so I installed User CSS extension which basically allows one to add custom CSS to add a website.

Here's the custom css to add:

.wt-workbench .wt-panel .wt-panel-explorer .wt-panel-explorer-existing ul.wt-panel-explorer-existing-list {
  max-height: calc(100vh -  225px);
}

.wt-workbench .wt-panel .wt-panel-explorer .wt-panel-explorer-editing + .wt-panel-explorer-existing ul.wt-panel-explorer-existing-list {
  max-height: calc(100vh - 320px);
}