1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-21 09:48:47 +02:00
phorge-phorge/webroot/rsrc/css/application/project/project-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

84 lines
1.4 KiB
CSS

/**
* @provides project-view-css
*/
.project-view-home {
background: #fff;
}
.project-view-header {
padding: 32px 24px 32px;
}
.project-view-header .phui-header-shell {
margin: 0;
padding: 0;
border: none;
}
.project-view-header .phui-header-image {
height: 80px;
width: 80px;
}
.project-view-header .phui-header-col1 {
width: 96px;
}
.project-view-header .phui-header-subheader {
margin-top: 12px;
}
.project-view-header .phui-header-shell .phui-header-header {
font-family: 'Aleo', {$fontfamily};
font-size: 24px;
}
.project-view-header .phui-header-col3 {
vertical-align: top;
}
.phui-box.phui-box-grey.project-view-properties {
margin: 0 16px 0 16px;
padding: 4px 12px;
}
.project-view-properties .phui-property-list-key {
width: auto;
margin-left: 4px;
}
.project-view-properties .phui-property-list-section-header {
border: none;
padding: 12px 4px 0;
}
.project-view-feed .phui-object-box.phui-box-border {
border: none;
padding: 8px;
}
.project-view-feed .phui-header-shell {
padding: 8px 4px;
}
.project-view-feed .phui-header-header {
font-size: {$biggerfontsize};
margin-left: 4px;
}
.project-view-home .phui-box-grey {
padding: 0;
}
.project-view-home .phui-box-grey .phui-header-shell {
padding: 8px 8px 8px 12px;
}
.project-view-home .phui-box-grey .phui-header-header {
font-size: {$biggerfontsize};
}
.project-view-home .phui-box-grey .phui-object-item-list-view {
padding: 8px;
}