phorge/webroot/rsrc/css/layout/phabricator-property-list-view.css
epriestley 70a8e8b6e8 Modernize Paste
Summary:
  - Add a PhabricatorApplication.
  - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form.

Test Plan: Will attach screenshots.

Reviewers: btrahan, chad, vrana

Reviewed By: btrahan

CC: aran

Maniphest Tasks: T1569

Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00

60 lines
1 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;
overflow: hidden;
}
.device-desktop .phabricator-property-list-view,
.device-tablet .phabricator-property-list-view {
padding: 1em 0 0.75em;
}
.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;
}