phabricator/webroot/rsrc/css/layout/phabricator-object-item-list-view.css

/**
 * @provides phabricator-object-item-list-view-css
 */

.phabricator-object-item-list-view {
  padding: 8px 6px;
  background: #f4f5f6;
}

.phabricator-object-item {
  background: #ffffff;
  border-style: solid;
  border-color: #d7d7d7 #e4e3e4 #bcbcbd #d7d7d7;
  border-width: 1px 1px 1px 3px;
  margin: 3px 0;

  overflow: hidden;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
}

.phabricator-object-item-name {
  display: block;
  padding: 4px 8px 4px;
  margin-right: 20px;
  font-weight: bold;
}

/* - Attribute List ------------------------------

  Object attributes, commonly used to render created date, etc.

*/


.phabricator-object-item-attributes {
  padding: 0px 8px 4px;
}

.phabricator-object-item-attribute {
  display: inline;
  color: #555555;
  font-size: 11px;
}

.phabricator-object-item-attribute-spacer {
  padding: 0 4px;
}


/* - Attribute List ------------------------------

  Object attributes, commonly used to render created date, etc.

*/

.phabricator-object-item-icons {
  float: right;
  padding: 2px 4px 0;
}

.device-desktop .phabricator-object-item-icons {
  width: 120px;
}

.device .phabricator-object-item-icons {
  width: 18px;
}

.device .phabricator-object-item-icon-label {
  display: none;
  vertical-align: middle;
}

.phabricator-object-item-icon {
  position: relative;
  font-size: 11px;
  color: #666666;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;

  min-height: 18px;
  line-height: 18px;
}

.device-desktop .phabricator-object-item-icon {
  padding-right: 22px;
}

.phabricator-object-item-icon-image {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
}


/* - Bar Colors --------------------------------


*/

.phabricator-object-item-bar-color-red {
  border-left-color: #cc0000;
}

.phabricator-object-item-bar-color-orange {
  border-left-color: #cc7300;
}

.phabricator-object-item-bar-color-yellow {
  border-left-color: #ccc000;
}

.phabricator-object-item-bar-color-green {
  border-left-color: #009b2d;
}

.phabricator-object-item-bar-color-sky {
  border-left-color: #6498cf;
}

.phabricator-object-item-bar-color-blue {
  border-left-color: #00659a;
}

.phabricator-object-item-bar-color-indigo {
  border-left-color: #3a00cc;
}

.phabricator-object-item-bar-color-violet {
  border-left-color: #67009b;
}

.phabricator-object-item-bar-color-grey {
  border-left-color: #999999;
}

.phabricator-object-item-bar-color-black {
  border-left-color: #333333;
}