mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-11 01:12:41 +01:00
b381265d92
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
84 lines
1.4 KiB
CSS
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;
|
|
}
|