Sidebar layout under uneven heights

The sidebar layout with one side much taller than the other, which is the only time the grid placing its regions shows what it does with spare height. A long body beside a short column should leave the blocks of the column stacked at the top of it; a tall column beside a short content region should not hold the next section of the page away from the content. The regions are outlined -- content blue, sidebar green -- so that a gap is an empty box rather than white page.

A long body beside a short column

The body runs to a dozen paragraphs and the column beside it holds four short fields and two short blocks of links. Everything in the column should sit one under the other at the top of it, with the ordinary gap between them, and the rest of the column should be empty beside the body. A column stretched to the height of the body instead shares that height out between its blocks, and they spread down the side of the body, away from everything they belong with.

A paragraph of body text, of about the length a paragraph of documentation usually runs to, so that the body grows by a believable amount with each one and the column beside it can be compared against something that reads like a page.

The body is the part of the page a reader came for, and it is the part whose length nobody controls: the same layout holds a two line note and an investigation that runs to several screens, and it has to look deliberate at both.

Nothing in the column beside it grows with it. The fields of an entity are the same handful whether the body is long or short, which is why the column ends long before the body does and the space under it is the thing being looked at.

A paragraph of body text, of about the length a paragraph of documentation usually runs to, so that the body grows by a believable amount with each one and the column beside it can be compared against something that reads like a page.

The body is the part of the page a reader came for, and it is the part whose length nobody controls: the same layout holds a two line note and an investigation that runs to several screens, and it has to look deliberate at both.

Nothing in the column beside it grows with it. The fields of an entity are the same handful whether the body is long or short, which is why the column ends long before the body does and the space under it is the thing being looked at.

A paragraph of body text, of about the length a paragraph of documentation usually runs to, so that the body grows by a believable amount with each one and the column beside it can be compared against something that reads like a page.

The body is the part of the page a reader came for, and it is the part whose length nobody controls: the same layout holds a two line note and an investigation that runs to several screens, and it has to look deliberate at both.

Nothing in the column beside it grows with it. The fields of an entity are the same handful whether the body is long or short, which is why the column ends long before the body does and the space under it is the thing being looked at.

A paragraph of body text, of about the length a paragraph of documentation usually runs to, so that the body grows by a believable amount with each one and the column beside it can be compared against something that reads like a page.

The body is the part of the page a reader came for, and it is the part whose length nobody controls: the same layout holds a two line note and an investigation that runs to several screens, and it has to look deliberate at both.

Nothing in the column beside it grows with it. The fields of an entity are the same handful whether the body is long or short, which is why the column ends long before the body does and the space under it is the thing being looked at.

Task type
Investigation
Project
Mantra Theme
Parent task
Sidebar adjustments
Status
In progress

A short content region beside a tall column

The other way round, and the shape of a task page: the content region of the layout holds a date and a sentence, the column beside it holds every field of the task, and the body is in the next section, under the layout. The layout is as tall as its tallest column, so the body below starts under the column rather than under the content beside it, and the space between the end of the content and the start of the body is the height of the column less the height of the content.

Changed
A one line summary of the task, which is all the content region of this layout holds.
Task type
Investigation
Project
Mantra Theme
Parent task
Sidebar adjustments
Status
In progress
Topics
Topic 1
Topic 2
Topic 3
Topic 4
Topic 5
Topic 6
Topic 7
Topic 8
Topic 9
Topic 10
Topic 11
Topic 12

This is the body, in a section of its own under the sidebar layout. It should start under the content of the layout above, the way the next paragraph of a page starts under the last one -- not under the column beside it.