revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-21 21:10:56 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-two-column-view.css

59 lines
1 KiB
CSS
Raw Normal View History

Add similiar questions sidebar to Ponder Summary: Ref T9099. Testing out a two column layout in Ponder, with the main idea being creating a more browsable, discoverable product. I'd like the side column though to be a little smarter and provide project based searching. Ideally, if I'm reading Resolved Maniphest questions, other Resolved Maniphest questions are likely interesting. Another scenario is if I'm answering questions, in which case browsing more Open questions would also be interesting. Ponder "Main Column" still needs to be redesigned. Test Plan: Browse open questions, resolved questions. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9099 Differential Revision: https://secure.phabricator.com/D13849
2015-08-10 23:55:43 +02:00
/**
* @provides phui-two-column-view-css
*/
Redesign PonderQuestionView Summary: Full new UI, testing some upcoming treatments for consideration in other View controllers. Small tweaks to allow PHUITwoColumnView to have fixed and fluid width, and let TransactionCommentView go fullWidth. Test Plan: Tested a number of Ponder cases, New Question, with and without summary, with and without answers, with and without comments. Mobile, Tablet, and Desktop layouts. Verify Project and Profile UI's still in tact. {F1120961} {F1120962} {F1120963} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15315
2016-02-23 16:23:58 +01:00
.phui-two-column-view {
background-color: #fff;
}
.phui-two-column-container {
max-width: 1024px;
margin: 0 auto;
}
.phui-two-column-view .phui-two-column-header .phui-header-shell {
padding-bottom: 32px;
}
.device-phone .phui-two-column-view .phui-two-column-header .phui-header-shell {
padding-bottom: 20px;
}
.phui-two-column-fluid .phui-two-column-container {
max-width: 100%;
}
Add setHeader to PHUITwoColumnView for consistent page layouts Summary: Working towards making PHUITwoColumnView into a page layout engine. Adds header support. Test Plan: Use new header on Profile and Profiles. No visual changes, less duplicated code. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15292
2016-02-17 22:05:24 +01:00
.phui-two-column-content {
Add similiar questions sidebar to Ponder Summary: Ref T9099. Testing out a two column layout in Ponder, with the main idea being creating a more browsable, discoverable product. I'd like the side column though to be a little smarter and provide project based searching. Ideally, if I'm reading Resolved Maniphest questions, other Resolved Maniphest questions are likely interesting. Another scenario is if I'm answering questions, in which case browsing more Open questions would also be interesting. Ponder "Main Column" still needs to be redesigned. Test Plan: Browse open questions, resolved questions. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9099 Differential Revision: https://secure.phabricator.com/D13849
2015-08-10 23:55:43 +02:00
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
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-side-column .phui-object-box {
Add similiar questions sidebar to Ponder Summary: Ref T9099. Testing out a two column layout in Ponder, with the main idea being creating a more browsable, discoverable product. I'd like the side column though to be a little smarter and provide project based searching. Ideally, if I'm reading Resolved Maniphest questions, other Resolved Maniphest questions are likely interesting. Another scenario is if I'm answering questions, in which case browsing more Open questions would also be interesting. Ponder "Main Column" still needs to be redesigned. Test Plan: Browse open questions, resolved questions. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9099 Differential Revision: https://secure.phabricator.com/D13849
2015-08-10 23:55:43 +02:00
margin: 0 16px 16px 0;
}
Fix pre-wrap in two-column-view Summary: Fixes T9154, tables have special needs with widths and pres Test Plan: Test a long piece of code in a Ponder question Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9154 Differential Revision: https://secure.phabricator.com/D13904
2015-08-17 02:50:11 +02:00
.phui-two-column-view pre {
white-space: pre-wrap;
}
Copy permalink