revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 21:40:55 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/project/project-view.css

92 lines
1.7 KiB
CSS
Raw Normal View History

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-24 01:02:29 +01:00
/**
* @provides project-view-css
*/
.project-view-home {
background: #fff;
Add some additional padding before footer on profiles Summary: Spaces out the page a little better if there is no information on it. Test Plan: review a profile and a project home Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15134
2016-01-29 03:31:31 +01:00
padding-bottom: 64px;
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-24 01:02:29 +01:00
}
Add project icon/type to Project Profile Summary: Adds basic icon/type to header on Project profiles Test Plan: View different projects, see header. Mobile, Deskop, Tablet. {F1087460} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15164
2016-02-02 18:44:27 +01:00
.project-view-header-tag {
margin-left: 8px;
font-size: {$normalfontsize};
color: {$bluetext};
font-family: {$fontfamily};
font-weight: normal;
}
.device-phone .project-view-header-tag {
display: block;
margin-left: -4px;
}
.project-view-header-tag .phui-icon-view {
color: {$bluetext};
}
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-24 01:02:29 +01:00
.phui-box.phui-box-grey.project-view-properties {
margin: 0 16px 0 16px;
padding: 4px 12px;
}
Add setProfileHeader to PHUIHeaderView for reuse Summary: Moves some profile css into PHUI, cleans up mobile view and desktop spacing. Test Plan: Test Project at desktop and mobile breakpoints. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15106
2016-01-24 17:34:28 +01:00
.device-phone .phui-box.phui-box-grey.project-view-properties {
margin: 0 12px 0 12px;
}
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-24 01:02:29 +01:00
.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;
}
Tighten up spacing on feed stories Summary: Normalizes spacing a bit for better display on feed and on profiles/projects. Test Plan: Test layout on project, feed, profiles. Tablet, Mobile, Desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15149
2016-01-31 21:20:11 +01:00
.project-view-feed .phui-object-box .phui-header-shell {
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-24 01:02:29 +01:00
padding: 8px 4px;
}
.project-view-feed .phui-header-header {
font-size: {$biggerfontsize};
Add project icon/type to Project Profile Summary: Adds basic icon/type to header on Project profiles Test Plan: View different projects, see header. Mobile, Deskop, Tablet. {F1087460} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15164
2016-02-02 18:44:27 +01:00
margin-left: 8px;
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-24 01:02:29 +01:00
}
Tighten up spacing on feed stories Summary: Normalizes spacing a bit for better display on feed and on profiles/projects. Test Plan: Test layout on project, feed, profiles. Tablet, Mobile, Desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15149
2016-01-31 21:20:11 +01:00
.device-desktop .project-view-feed .phui-feed-story,
.device-tablet .project-view-feed .phui-feed-story {
padding-left: 22px;
}
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-24 01:02:29 +01:00
.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;
}
Update Profiles to look like Project UI Summary: Updates People profiles to look more like Project profiles. This removes Conpherence and Flag links. Don't think you like Conpherence links much and for Flags maybe we can put them in the quick create menu? Test Plan: View profiles with and without Badges. {F1069365} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15111
2016-01-25 02:04:55 +01:00
.device-desktop .phui-two-column-view.project-view-badges .phui-side-column {
width: 364px;
}
Normalize icon color on user/project lists. Summary: Minor, just fall back to the grey icon in all cases (too much color for me). Test Plan: Review a Project and a Profile Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15190
2016-02-05 22:02:34 +01:00
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
color: {$lightgreytext};
}
Update Profiles to look like Project UI Summary: Updates People profiles to look more like Project profiles. This removes Conpherence and Flag links. Don't think you like Conpherence links much and for Flags maybe we can put them in the quick create menu? Test Plan: View profiles with and without Badges. {F1069365} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15111
2016-01-25 02:04:55 +01:00
.profile-no-badges {
padding: 24px 0;
}
Copy permalink