[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-chatlog-css
   3   */
   4  
   5  .phabricator-chat-log-wrap {
   6    padding: 0 16px;
   7  }
   8  
   9  .device-phone .phabricator-chat-log-wrap {
  10    padding: 0;
  11  }
  12  
  13  .phabricator-chat-log-pager-top {
  14    padding: 16px 4px 8px;
  15    font-weight: bold;
  16    float: right;
  17  }
  18  
  19  .phabricator-chat-log-pager-bottom {
  20    padding: 8px 4px 16px;
  21    font-weight: bold;
  22    float: right;
  23  }
  24  
  25  .phabricator-chat-log-pager-top a, .phabricator-chat-log-pager-bottom a {
  26    padding: 2px 3px;
  27  }
  28  
  29  .phabricator-chat-log-jump {
  30    padding: 16px 4px 8px;
  31    font-weight: bold;
  32    float: left;
  33  }
  34  
  35  .phabricator-chat-log-panel {
  36    clear: both;
  37    border: 1px solid {$lightblueborder};
  38    border-bottom: 1px solid {$blueborder};
  39  }
  40  
  41  .phabricator-chat-log {
  42    width: 100%;
  43  }
  44  
  45  .phabricator-chat-log td {
  46    padding: 8px;
  47    line-height: 18px;
  48  }
  49  
  50  .phabricator-chat-log tr {
  51    background: #fff;
  52  }
  53  
  54  .phabricator-chat-log tr td.author {
  55    background: {$greybackground};
  56  }
  57  
  58  .phabricator-chat-log tr.alternate {
  59    border-top: 1px solid {$thinblueborder};
  60    border-bottom: 1px solid {$thinblueborder};
  61  }
  62  
  63  .phabricator-chat-log tr.alternate td.author {
  64    background: {$darkgreybackground};
  65  }
  66  
  67  .phabricator-chat-log tr.highlight td {
  68    background: {$lightyellow};
  69  }
  70  
  71  .phabricator-chat-log td.timestamp {
  72    white-space: nowrap;
  73    text-align: right;
  74    width: 12em;
  75  }
  76  
  77  .phabricator-chat-log td.message .timestamp {
  78    color: {$bluetext};
  79    font-size: 11px;
  80    float: right;
  81    margin-left: 5px;
  82  }
  83  
  84  .phabricator-chat-log td.author {
  85    white-space: nowrap;
  86    text-align: right;
  87    font-weight: bold;
  88    width: 140px;
  89    color: {$darkbluetext};
  90  }
  91  
  92  .device-phone .phabricator-chat-log td.author {
  93    width: 80px;
  94  }
  95  
  96  .phabricator-chat-log td.message {
  97    white-space: pre-wrap;
  98    word-break: break-word;
  99  }