[Summary view] [Print] [Text view]

   1  /**
   2   * @provides conpherence-message-pane-css
   3   */
   4  
   5  .conpherence-message-pane,
   6  .loading .messages-loading-mask,
   7  .loading .messages-loading-icon,
   8  .conpherence-layout .conpherence-no-threads {
   9    position: fixed;
  10    left: 240px;
  11    right: 241px;
  12    top: 76px;
  13    bottom: 0px;
  14    min-width: 300px;
  15    width: auto;
  16  }
  17  
  18  .device .conpherence-message-pane,
  19  .device .loading .messages-loading-mask,
  20  .device .loading .messages-loading-icon,
  21  .device .conpherence-layout .conpherence-no-threads {
  22    left: 0;
  23    right: 0;
  24    width: 100%;
  25  }
  26  
  27  .conpherence-layout .conpherence-no-threads {
  28    text-align: center;
  29  }
  30  
  31  .conpherence-layout .conpherence-no-threads .text {
  32    margin: 16px 0px 16px 0px;
  33  }
  34  
  35  .conpherence-show-older-messages {
  36    display: block;
  37    background: #e0e3ec;
  38    margin: 10px;
  39    text-align: center;
  40    padding: 10px;
  41    color: {$bluetext};
  42  }
  43  
  44  .conpherence-show-older-messages-loading {
  45    font-style: italic;
  46  }
  47  
  48  .conpherence-message-pane .conpherence-messages {
  49    position: fixed;
  50    left: 240px;
  51    right: 241px;
  52    top: 76px;
  53    bottom: 185px;
  54    overflow-y: auto;
  55    -webkit-overflow-scrolling: touch;
  56  }
  57  
  58  .device .conpherence-message-pane .conpherence-messages {
  59    left: 0;
  60    right: 0;
  61    bottom: 3em;
  62    width: 100%;
  63    box-shadow: none;
  64  }
  65  
  66  .conpherence-message-pane .messages-loading-mask {
  67    opacity: .6;
  68    background: #fff;
  69    display: none;
  70  }
  71  
  72  .loading .messages-loading-mask {
  73    display: block;
  74  }
  75  
  76  .conpherence-message-pane .phui-form-view {
  77    border-width: 0;
  78    background-color: {$lightgreybackground};
  79    height: 185px;
  80    padding: 0;
  81    position: fixed;
  82    bottom: 0;
  83    left: 240px;
  84    right: 241px;
  85  }
  86  
  87  /**
  88   * When entering "Fullscreen Mode" in the remarkup control, we need to drop
  89   * all of the "position: fixed" on parent elements or Chrome doesn't put the
  90   * textarea on top.
  91   */
  92  .remarkup-fullscreen-mode .conpherence-message-pane,
  93  .remarkup-fullscreen-mode .conpherence-message-pane .conpherence-messages,
  94  .remarkup-fullscreen-mode .conpherence-message-pane .phui-form-view,
  95  .remarkup-fullscreen-mode .conpherence-layout {
  96    position: static;
  97  }
  98  
  99  .device .conpherence-message-pane .remarkup-assist-bar {
 100    height: 0px;
 101  }
 102  
 103  .device .conpherence-message-pane .phui-form-view {
 104    left: 0;
 105    right: 0;
 106    background-color: #d8dce2;
 107    height: 38px;
 108    width: 100%;
 109  }
 110  
 111  .conpherence-layout .conpherence-message-pane .phui-form-view
 112    div.aphront-form-input {
 113    margin: 0;
 114    width: 100%;
 115  }
 116  
 117  .conpherence-message-pane .phabricator-transaction-view {
 118    margin: 5px 15px;
 119    background-size: 35px;
 120    min-height: auto;
 121  }
 122  
 123  .device-phone .conpherence-message-pane .phabricator-transaction-view {
 124    margin: 0 10px 0 0;
 125  }
 126  
 127  .conpherence-message-pane .phabricator-transaction-detail {
 128    border-width: 0;
 129    margin-left: 45px;
 130  }
 131  
 132  .conpherence-message-pane .date-marker {
 133    border-top: 1px solid #d7d7d7;
 134    margin: 5px 15px;
 135    min-height: auto;
 136  }
 137  .device-phone .conpherence-message-pane .date-marker {
 138    margin: 5px 0;
 139  }
 140  .conpherence-message-pane .date-marker .date {
 141    position: relative;
 142    top: -8px;
 143    left: 40px;
 144    background-color: #FFF;
 145    color: #bfbfbf;
 146    font-size: 11px;
 147    padding: 0px 5px;
 148  }
 149  .device-phone .conpherence-message-pane .phabricator-transaction-detail {
 150    min-height: auto;
 151  }
 152  
 153  .conpherence-message-pane .conpherence-edited {
 154    color: {$lightgreytext};
 155    margin: 0;
 156  }
 157  
 158  .device-phone .conpherence-message-pane .conpherence-edited {
 159    color: {$lightgreytext};
 160    margin: 0 10px;
 161  }
 162  
 163  .conpherence-message-pane .conpherence-edited .phabricator-transaction-content {
 164   padding: 0 0 5px 45px;
 165   font-style: italic;
 166  }
 167  
 168  .device-phone .conpherence-message-pane .conpherence-edited .phabricator-transaction-content {
 169   padding: 0 0 5px 35px;
 170  }
 171  
 172  .conpherence-message-pane .phabricator-transaction-info,
 173  .conpherence-message-pane .phabricator-content-source-view {
 174    color: #b7b7b7;
 175    line-height: 16px;
 176  }
 177  
 178  .conpherence-message-pane .phabricator-transaction-header,
 179  .conpherence-message-pane .phabricator-transaction-info,
 180  .conpherence-message-pane .phabricator-transaction-content {
 181    background: none;
 182    padding: 0;
 183  }
 184  
 185  .conpherence-message-pane .phabricator-transaction-content {
 186    padding: 2px 0 8px 0;
 187  }
 188  
 189  .conpherence-message-pane .aphront-form-control {
 190    padding: 0;
 191  }
 192  
 193  .conpherence-message-pane .aphront-form-control-submit {
 194    margin: 0 8px 0 0;
 195  }
 196  .conpherence-message-pane .remarkup-assist-bar {
 197    border-width: 1px 0 0;
 198    border-color: {$hovergrey};
 199    border-bottom: transparent;
 200  }
 201  
 202  .conpherence-message-pane .remarkup-assist-textarea {
 203    height: 124px;
 204    padding: 6px;
 205    border-width: 1px 0;
 206    border-color: {$thinblueborder};
 207    box-sizing: border-box;
 208    -moz-box-sizing: border-box;
 209    -webkit-box-sizing: border-box;
 210    resize: none;
 211  }
 212  
 213  .device .conpherence-message-pane .remarkup-assist-textarea {
 214    margin: 4px 8px;
 215    padding: 6px 6px;
 216    width: 97%;
 217    height: 28px;
 218    resize: none;
 219  }
 220  
 221  .conpherence-message-pane .remarkup-assist-textarea:focus {
 222    outline: none;
 223  }
 224  
 225  .device .conpherence-message-pane .aphront-form-control-textarea {
 226    float: left;
 227    height: 2em;
 228  }
 229  .device-tablet .conpherence-message-pane .aphront-form-control-textarea {
 230    width: 76%;
 231  }
 232  .device-phone .conpherence-message-pane .aphront-form-control-textarea {
 233    width: 60%;
 234  }
 235  
 236  .device .conpherence-message-pane .aphront-form-control-submit button {
 237    margin: 7px 0 0 0;
 238  }