1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-29 08:50:58 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-two-column-view.css
Chad Little f5e2f9587c Add setHeader to PHUITwoColumnView for consistent page layouts
Summary: Working towards making PHUITwoColumnView into a page layout engine. Adds header support.

Test Plan: Use new header on Profile and Profiles. No visual changes, less duplicated code.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15292
2016-02-17 13:09:10 -08:00

37 lines
670 B
CSS

/**
* @provides phui-two-column-view-css
*/
.phui-two-column-content {
display: table;
width: 100%;
}
.phui-two-column-row {
display: table-row;
}
.device-desktop .phui-two-column-view .phui-main-column {
display: table-cell;
vertical-align: top;
}
.device-desktop .phui-two-column-view .phui-side-column {
width: 320px;
display: table-cell;
vertical-align: top;
}
.device-desktop .phui-two-column-view
.phui-main-column .phui-object-box:first-child {
margin: 0 16px 0 16px;
}
.device-desktop .phui-two-column-view
.phui-side-column .phui-object-box {
margin: 0 16px 16px 0;
}
.phui-two-column-view pre {
white-space: pre-wrap;
}