1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 05:20:56 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-two-column-view.css
Chad Little b381265d92 First cut of new Project Home
Summary:
First pass at a new Project Home page. This is starting to sprawl, so punting this up now before it gets too large.

 - Project homes now have "large header"
 - Custom Fields / Descriptions are in the main column
 - Feed is simpler visually
 - new "Background" option for PHUIObjectBoxView
 - move header buttons globally to "Grey" instead of "Simple"
 - New color and hover states for "Grey"
 - Transitions on Buttons haha
 - Edit Icon on Nav is now under "Manage" panel
 - New "Manage" Panel

TODO:
 - More testing of bad cases of Custom Fields
 - Members Page in flux, needs design
 - Um still not sure how to make Custom Field not show UI

Test Plan:
Lots of random Project page visits. Save project, watch project, edit project, etc.

{F1068191}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15097
2016-01-23 16:11:45 -08:00

37 lines
667 B
CSS

/**
* @provides phui-two-column-view-css
*/
.phui-two-column-view {
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;
}