mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-21 09:48:47 +02: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
99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
/**
|
|
* @provides project-view-css
|
|
*/
|
|
|
|
.project-view-home {
|
|
padding-bottom: 64px;
|
|
background: #fff;
|
|
}
|
|
|
|
.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};
|
|
}
|
|
|
|
.project-view-home .phui-box.project-view-properties {
|
|
margin: 0 16px 16px 16px;
|
|
padding: 4px 12px;
|
|
border: 2px solid rgba({$alphagrey},.1);
|
|
background-color: #F7F7F9;
|
|
}
|
|
|
|
.device-phone .phui-box.project-view-properties {
|
|
margin: 0 12px 0 12px;
|
|
}
|
|
|
|
.project-view-properties .phui-property-list-container +
|
|
.phui-property-list-text-content {
|
|
border-color: rgba({$alphagrey},.15);
|
|
}
|
|
|
|
.project-view-properties .phui-property-list-key {
|
|
width: auto;
|
|
margin-left: 4px2
|
|
}
|
|
|
|
.project-view-properties .phui-property-list-section-header {
|
|
border: none;
|
|
padding: 12px 4px 0;
|
|
}
|
|
|
|
.project-view-feed .phui-object-box.phui-box-border {
|
|
padding: 0 4px 8px 4px;
|
|
border: none;
|
|
}
|
|
|
|
.project-view-feed .phui-object-box .phui-header-shell {
|
|
padding: 8px 4px;
|
|
}
|
|
|
|
.project-view-feed .phui-header-header {
|
|
font-size: {$biggerfontsize};
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.device-desktop .project-view-feed .phui-feed-story,
|
|
.device-tablet .project-view-feed .phui-feed-story {
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.project-view-home .phui-box-grey {
|
|
padding: 0;
|
|
}
|
|
|
|
.project-view-home .phui-box-grey .phui-header-shell {
|
|
padding: 6px 6px 6px 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: 4px 8px 0 8px;
|
|
}
|
|
|
|
.project-view-badges .phui-badge-flex-view {
|
|
background-color: #fff;
|
|
width: 340px;
|
|
}
|
|
|
|
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.profile-no-badges {
|
|
padding: 24px 0;
|
|
}
|