mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-24 14:30:56 +01:00
e9f4ca6ca3
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
58 lines
1 KiB
CSS
58 lines
1 KiB
CSS
/**
|
|
* @provides phui-two-column-view-css
|
|
*/
|
|
|
|
.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%;
|
|
}
|
|
|
|
.phui-two-column-content {
|
|
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;
|
|
}
|