phorge/webroot/rsrc/css/layout/phabricator-property-list-view.css
epriestley 5fbb46df1c Allow PhabricatorPropertyListView to have associated content
Summary:
Some objects (like PhamePost and ManiphestTask) have a block of text/remarkup which serves as a description or core piece of content for the object.

Accommodate this in PhabricatorPropertyListView.

(This is primarily to let me do a reasonable first pass on this in Phame.)

Test Plan: Made example, will attach screenshot.

Reviewers: btrahan, chad

Reviewed By: btrahan

CC: aran

Maniphest Tasks: T1373

Differential Revision: https://secure.phabricator.com/D3699
2012-10-15 14:50:53 -07:00

69 lines
1.2 KiB
CSS

/**
* @provides phabricator-property-list-view-css
*/
.phabricator-property-list-view {
border-color: #dbdbdb;
border-style: solid;
border-width: 1px 0;
background-color: #f9f9f9;
}
.phabriator-property-list-view-end {
clear: both;
}
.device-desktop .phabricator-property-list-view {
padding: 1em 0 0.75em;
}
.device-tablet .phabricator-property-list-view,
.device-phone .phabricator-property-list-view {
padding: .5em;
}
.phabricator-property-key {
color: #333333;
font-weight: bold;
}
.device-desktop .phabricator-property-key {
width: 12%;
margin-left: 1%;
text-align: right;
float: left;
clear: left;
margin-bottom: .5em;
}
.device-tablet .phabricator-property-key,
.device-phone .phabricator-property-key {
padding-left: .5em;
}
.phabricator-property-value {
color: #333333;
}
.device-desktop .phabricator-property-value {
width: 53%;
margin-left: 1%;
float: left;
margin-bottom: .5em;
}
.device-tablet .phabricator-property-value,
.device-phone .phabricator-property-value {
padding-left: 1.5em;
margin-bottom: .5em;
}
.phabricator-property-list-content {
background: #fdfdfd;
border-bottom: 1px solid #dbdbdb;
}
.phabricator-property-list-text-content {
padding: 12px 18px;
}