[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-property-list-view-css
   3   */
   4  
   5  .phui-property-list-view {
   6    background-color: #fff;
   7  }
   8  
   9  .phui-property-list-view .keyboard-shortcuts-available {
  10    float: right;
  11    height: 16px;
  12    margin: 12px 10px -28px 0px;
  13    padding: 0px 20px 0px 0px;
  14    vertical-align: middle;
  15    color: {$greytext};
  16    text-align: right;
  17    font-size: 11px;
  18    background:
  19      url('/rsrc/image/icon/fatcow/key_question.png') right center no-repeat;
  20  }
  21  
  22  .device .keyboard-shortcuts-available {
  23    display: none;
  24  }
  25  
  26  .phui-property-group-noninitial,
  27  .phui-property-list-section-noninitial {
  28    border-color: {$thinblueborder};
  29    border-style: solid;
  30    border-width: 1px 0 0;
  31  }
  32  
  33  .device-desktop .phui-property-list-container {
  34    padding: 12px 0 12px 0;
  35    width: 100%;
  36  }
  37  
  38  .device .phui-property-list-container {
  39    padding: 12px 0 4px 0;
  40  }
  41  
  42  .phui-property-list-key {
  43    color: {$bluetext};
  44    font-weight: bold;
  45    overflow: hidden;
  46    white-space: nowrap;
  47  }
  48  
  49  .device-desktop .phui-property-list-key {
  50    width: 18%;
  51    margin-left: 1%;
  52    text-align: right;
  53    float: left;
  54    clear: left;
  55    margin-bottom: 4px;
  56  }
  57  
  58  .device .phui-property-list-key,
  59  .phui-property-list-properties.phui-property-list-stacked
  60    .phui-property-list-key {
  61    padding-left: 12px;
  62    text-align: left;
  63    margin-left: 0;
  64    width: auto;
  65  }
  66  
  67  .phui-property-list-value {
  68    color: {$darkgreytext};
  69    line-height: 17px;
  70  }
  71  
  72  .device-desktop .phui-property-list-value {
  73    width: 78%;
  74    margin-left: 1%;
  75    float: left;
  76    margin-bottom: 4px;
  77  }
  78  
  79  .device .phui-property-list-value,
  80  .phui-property-list-properties.phui-property-list-stacked
  81    .phui-property-list-value {
  82    padding: 0 16px;
  83    margin-bottom: 8px;
  84    width: auto;
  85    word-break: break-word;
  86  }
  87  
  88  .phui-property-list-section-header {
  89    color: {$bluetext};
  90    padding: 12px 16px 0px;
  91    text-transform: uppercase;
  92    font-weight: 700;
  93    border-color: {$thinblueborder};
  94    border-style: solid;
  95    border-width: 1px 0 0;
  96  }
  97  
  98  .phui-property-list-section-noninitial .phui-property-list-section-header {
  99    border-top: none;
 100  }
 101  
 102  .device .phui-property-list-section-header {
 103    padding-left: 8px;
 104  }
 105  
 106  .phui-property-list-section-header-icon .phui-icon-view {
 107    display: inline-block;
 108    margin: -2px 4px -2px 0;
 109  }
 110  
 111  .phui-property-list-text-content {
 112    padding: 12px 16px;
 113    background: #fff;
 114    overflow: hidden;
 115  }
 116  
 117  .device .phui-property-list-text-content {
 118    padding: 8px;
 119  }
 120  
 121  .phui-property-list-raw-content {
 122    padding: 0px;
 123    background: #fff;
 124    overflow: hidden;
 125  }
 126  
 127  /* In the common case where we immediately follow a header, move back up 30px
 128     so we snuggle next to the header. */
 129  .device-desktop .phui-header-view
 130    + .phabricator-action-list-view {
 131    margin-top: -30px;
 132  }
 133  
 134  .device-desktop .phui-header-view
 135    + .phabricator-action-list-view
 136    + .phui-property-list-view {
 137    margin-top: 0px;
 138  }
 139  
 140  
 141  .phui-property-list-image {
 142    margin: auto;
 143    max-width: 95%;
 144  }
 145  
 146  .phui-property-list-audio {
 147    display: block;
 148    margin: 16px auto;
 149    width: 50%;
 150    min-width: 240px;
 151  }
 152  
 153  /* When tags appear in property lists, give them a little more vertical
 154     spacing. */
 155  .phui-property-list-view .phui-tag-view {
 156    margin: 2px 0;
 157  }
 158  
 159  .phui-property-list-properties-wrap {
 160    float: left;
 161    width: 78%;
 162  }
 163  
 164  .device .phui-property-list-properties-wrap {
 165    width: auto;
 166    border: none;
 167  }
 168  
 169  .phui-property-list-actions {
 170    width: 20%;
 171    float: right;
 172    margin-right: 12px;
 173    border-left: 1px solid {$thinblueborder};
 174  }
 175  
 176  .device .phui-property-list-actions {
 177    float: none;
 178    width: auto;
 179    margin: -12px 0 12px 0;
 180    border: none;
 181  }
 182  
 183  .phui-property-list-image-content img {
 184    margin: 20px auto;
 185    background: url('/rsrc/image/checker_light.png');
 186    border: 1px solid {$lightblueborder};
 187  }
 188  
 189  .device-desktop .phui-property-list-image-content img:hover {
 190    background: url('/rsrc/image/checker_dark.png');
 191  }
 192  
 193  /* - Dashboards ------------------------------------------------------------ */
 194  
 195  .dashboard-panel .phui-property-list-section {
 196    border-left: 1px solid {$lightblueborder};
 197    border-right: 1px solid {$lightblueborder};
 198    border-bottom: 1px solid {$blueborder};
 199  }