Skip to content

Instantly share code, notes, and snippets.

@dorelljames

dorelljames/webtask-io-scrollable.md

Created September 10, 2019 08:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dorelljames/26ab70bf2a8a8cebb1864ec5773e3f8e to your computer and use it in GitHub Desktop.
Save dorelljames/26ab70bf2a8a8cebb1864ec5773e3f8e to your computer and use it in GitHub Desktop.
Download ZIP
Make webtask.io "Explorer" sidebar scrollable
Raw
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);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment