mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-11 01:12:41 +01:00
c1f57605ab
Summary: Cleans up the backgrounds a little on Projects/Profiles and adds a number of colour choices for Workboards.
Test Plan:
Manually add each color for testing. Test new project / profile layouts with and without properties.
{F1109325}
{F1109326}
{F1109327}
{F1109328}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15269
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(55,55,55,.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(55,55,55,.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 16px 8px 16px;
|
|
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;
|
|
}
|