1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 14:30:56 +01:00
phorge-phorge/webroot/rsrc/css/aphront/two-column.css
Chad Little f2cec9f973 Apront Two Column View
Summary: Wanted to pull this out in case we don't use it in Maniphest, still useful perhaps in the future. Creates a sidebar that wraps when on mobile.

Test Plan: Tested UIExample

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5321
2013-03-10 19:20:01 -07:00

26 lines
427 B
CSS

/**
* @provides aphront-two-column-view-css
*/
.aphront-two-column {
position: relative;
}
.device-desktop .aphront-two-column.aphront-two-column-padded {
margin: 20px;
}
.device-desktop .aphront-main-column {
margin-right: 300px;
}
.device-desktop .aphront-side-column {
width: 300px;
position: absolute;
top: 0;
right: 0;
}
.device-phone .aphront-two-column.aphront-two-column-padded {
margin: 10px;
}