...
The main area of the details pane may contain various types of content (see Content below).
If the content exceeds the height of its container, a scrollbar will appear. The scrollbar will apply only to the content area, excluding the header and the action area, if exists.
...
The details pane has a fixed width, and does not respond to the width of the screen.
The default state of the details pane changes at different widths.
For screen sizes of 1366 px and below, it is recommended that it is closed and unpinned by default.
For screen sizes of 1367 px and above, it is recommended that it is pinned open by default. (This is optional , depending on the use case).
At 960px and below, the pin and expand options should be disabled.
...
There should be a gap between the details pane and the VerinTop, with a minimum space of 20px.
The top of the details pane should usually align to the top element on the page, such as the page header or search bar.
Where a Ribbon is used, the height of the details pane should reduce when the ribbon is expanded. The top of the pane should align to the bottom of the ribbon.
The details pane should always reach to the bottom of the screen.
When the screen height (and therefore the details pane height) changes:
the pane header and tabs should not move.
the main content should remain fixed to the top of the pane.
an internal Scrollbar should be used if the content does not fit vertically.
if they exist, action buttons and additional information in the pane footer should remain fixed to the bottom.
...