mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-22 21:40:55 +01:00
f5e2f9587c
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
102 lines
2 KiB
CSS
102 lines
2 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;
|
|
}
|
|
|
|
.device-desktop .phui-two-column-view.project-view-badges .phui-side-column {
|
|
width: 366px;
|
|
}
|
|
|
|
.project-view-badges .phui-badge-flex-view {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.profile-no-badges {
|
|
padding: 24px 0;
|
|
}
|