Move Main Menu bar to the bottom - Javascrip Hack (advanced)

Showcase Tips and Hacks
1

Pretty much as it says on the tin. It moves the main menu to the bottom, so Coda looks like this:

image
image.png1791×1270 89.3 KB

Instead of:

image
image.png1789×1271 88.5 KB

  1. Install a javascript injection plugin for Chrome. E.g.: “User JavaScript and CSS”
    a. Setup Arrive-js as a library: https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.js
  2. Setup javascript: https://gist.github.com/gjroelofs/4bc779f3b74d6639eeb5774f4e37c7dc
  3. Setup CSS: https://gist.github.com/gjroelofs/09be9df3600b1540f67c28f02e647f77

When using the mentioned Chrome plugin, make sure to set it up as follows:

image

And that the domain is setup correctly to: https://coda.io/d

This way any auto-dark theme will properly override the CSS colors properly.
See:

(13-10-2019%20%5B15-42%5D)-iAPyHy8mua
(13-10-2019 [15-42])-iAPyHy8mua.gif1002×511 101 KB

Known issues:

  • None

Changelog:

  • 31/10/'19 - Initial implementation
3 Likes
2

That’s what happened when I first tested you TOC script. :laughing:

3

Yeah, I left it in there accidentally for the first version. I got requests and separated it out. :’)