Are Coda's pages supposed to be aligned slightly to the left? My OCD really hates it. Is there a way to fix it?

Start Here! Coda Basics
6

Cool now I see what you mean!

One issue is a bar to the right with the id commentRail:

image
image2141×1132 112 KB

Highlighted:

image
image2145×1089 109 KB

Every content element has a padding or margin to the left with the variable var(--editor-position-content-padding-left)

image
image2142×1032 199 KB

I bet they forgot to change this value when they added the comment rail.

Here’s a temporary solution:
The width of the comment rail is 116 px, adding half of that to said variable would make it centered again.
Previous value was --editor-position-content-padding-left: 242px;, changing it to 242 + 116 / 2 = 300 px:

image
image2141×654 10.8 KB

If you want to change it for yourself, before the devs does, you can: -

  1. Get Stylebot - Chrome Web Store.
  2. Click on it in the top left (Under the puzzle piece)
  3. Click Open Stylebot
  4. Click Code in the bottom
  5. Write:
#document-root-route {
    --editable-padding-left: 300px;
    --editor-position-content-padding-left: 300px;
}
  1. You probably want to play around with the number (300px). It looks decent on standard mode with the left navigation menu open. If you are on wide mode or have changed the size of the navigation bar it’s gonna be another value than 300.

A proper solution from the devs would probably be to put all content items inside a dynamically centered element instead of relying on setting margins / paddings on all content elements

That’s it! Hope it helps :slight_smile:

1 Like