[Summary view] [Print] [Text view]

   1  /**
   2   * @provides conpherence-menu-css
   3   */
   4  
   5  .conpherence-layout {
   6    position: fixed;
   7    bottom: 0;
   8    left: 0;
   9    right: 0;
  10    top: 44px;
  11    background: #fff;
  12  }
  13  
  14  .conpherence-layout .conpherence-no-threads {
  15    text-align: center;
  16    position: fixed;
  17    left: 240px;
  18    right: 241px;
  19    top: 76px;
  20    bottom: 0px;
  21    min-width: 300px;
  22    width: auto;
  23  }
  24  
  25  .device .conpherence-layout .conpherence-no-threads {
  26    left: 0;
  27    right: 0;
  28    width: 100%;
  29  }
  30  
  31  .conpherence-layout .conpherence-no-threads .text {
  32    margin: 0px 0px 16px 0px;
  33  }
  34  
  35  .conpherence-menu-pane {
  36    width: 100%;
  37    position: absolute;
  38    overflow-x: hidden;
  39    overflow-y: auto;
  40    top: 0;
  41    bottom: 0;
  42  }
  43  
  44  .device-desktop .conpherence-layout .conpherence-menu-pane,
  45  .device-desktop .conpherence-layout .phabricator-nav-column-background {
  46    width: 239px;
  47  }
  48  
  49  .device .conpherence-menu-pane {
  50    top: 41px;
  51  }
  52  
  53  .device .conpherence-role-list .conpherence-menu-pane {
  54    top: 0px;
  55  }
  56  
  57  .device-phone .conpherence-menu-pane {
  58    -webkit-overflow-scrolling: touch;
  59  }
  60  
  61  .conpherence-layout .phabricator-nav-column-background {
  62    display: block;
  63    width: 100%;
  64  }
  65  
  66  .device .phabricator-nav-column-background {
  67    top: 44px;
  68  }
  69  
  70  .device .conpherence-role-thread .conpherence-menu-pane,
  71  .device .conpherence-role-thread .phabricator-nav-column-background {
  72    display: none;
  73  }
  74  
  75  .device-desktop .conpherence-content-pane {
  76    margin-left: 240px;
  77  }
  78  
  79  .conpherence-content-pane {
  80    display: none;
  81    margin-left: 0px;
  82    position: relative;
  83  }
  84  
  85  .device-desktop .conpherence-content-pane,
  86  .device .conpherence-role-thread .conpherence-content-pane {
  87    display: block;
  88  }
  89  
  90  .conpherence-menu .conpherence-menu-item-view {
  91    display: block;
  92    height: 46px;
  93    width: 100%;
  94    overflow: hidden;
  95    position: relative;
  96    text-decoration: none;
  97    border-left: 4px solid transparent;
  98  }
  99  
 100  .conpherence-menu .conpherence-selected {
 101    background: {$hovergrey};
 102    border-left: 4px solid {$sky};
 103  }
 104  
 105  .device-desktop .conpherence-menu
 106   .conpherence-selected.conpherence-menu-item-view:hover {
 107    background-color: {$hoverselectedgrey};
 108  }
 109  
 110  .conpherence-menu .loading {
 111    font-style: italic;
 112  }
 113  
 114  .device-desktop .conpherence-menu .conpherence-menu-item-view:hover {
 115    background-color: {$hovergrey};
 116  }
 117  
 118  .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image {
 119    top: 6px;
 120    left: 8px;
 121    display: block;
 122    position: absolute;
 123    width: 30px;
 124    height: 30px;
 125    background-size: 30px;
 126    border: 2px solid #fff;
 127    border-radius: 2px;
 128  }
 129  
 130  .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-title {
 131    display: block;
 132    margin-top: 8px;
 133    margin-left: 50px;
 134    text-align: left;
 135    font-weight: bold;
 136    font-size: 13px;
 137    color: {$darkbluetext};
 138    text-shadow: 0px 1px 1px #fff;
 139    overflow: hidden;
 140    width: 160px;
 141    text-overflow: ellipsis;
 142  }
 143  
 144  .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-subtitle {
 145    display: block;
 146    color: {$bluetext};
 147    font-size: 11px;
 148    margin-top: 2px;
 149    margin-left: 50px;
 150  }
 151  
 152  .conpherence-menu .conpherence-menu-item-view
 153  .conpherence-menu-item-unread-count {
 154    position: absolute;
 155    right: 8px;
 156    top: 15px;
 157    background: {$blue};
 158    border-radius: 2px;
 159    color: #fff;
 160    font-weight: bold;
 161    padding: 0 5px 1px;
 162    font-size: 11px;
 163  }
 164  
 165  .conpherence-menu .hide-unread-count .conpherence-menu-item-unread-count,
 166  .conpherence-menu .conpherence-selected .conpherence-menu-item-unread-count {
 167    display: none;
 168  }
 169  
 170  .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-date {
 171    position: absolute;
 172    top: 15px;
 173    right: 16px;
 174    color: {$bluetext};
 175    font-size: 11px;
 176  }
 177  
 178  .no-conpherences-menu-item {
 179    color: #a1a5a9;
 180    border-top: solid 1px #3B3D3E;
 181    padding: 20px 0;
 182    margin: 0px auto;
 183    width: 280px;
 184    text-align: center;
 185  }