[Summary view] [Print] [Text view]

   1  /**
   2   * @provides conpherence-notification-css
   3   */
   4  
   5  /* kill styles on phabricator-notification */
   6  .conpherence-notification {
   7    padding: 0;
   8  }
   9  
  10  .phabricator-notification .conpherence-menu-item-view {
  11    display: block;
  12    height: 46px;
  13    overflow: hidden;
  14    position: relative;
  15    text-decoration: none;
  16    border-bottom: none;
  17    border-right: 0;
  18    border-left: 0;
  19  }
  20  
  21  .phabricator-notification .conpherence-menu-item-view
  22  .conpherence-menu-item-image {
  23    top: 8px;
  24    left: 8px;
  25    display: block;
  26    position: absolute;
  27    width: 30px;
  28    height: 30px;
  29    background-size: 30px;
  30  }
  31  
  32  .phabricator-notification .conpherence-menu-item-view
  33  .conpherence-menu-item-title {
  34    display: block;
  35    margin-top: 8px;
  36    margin-left: 46px;
  37    text-align: left;
  38    font-weight: bold;
  39    font-size: 13px;
  40    color: {$darkgreytext};
  41    width: 280px;
  42    text-overflow: ellipsis;
  43    white-space: nowrap;
  44    overflow: hidden;
  45  }
  46  
  47  .phabricator-notification .conpherence-menu-item-view
  48  .conpherence-menu-item-subtitle {
  49    display: block;
  50    color: {$lightgreytext};
  51    font-size: 11px;
  52    margin-top: 2px;
  53    margin-left: 46px;
  54  }
  55  
  56  .phabricator-notification .conpherence-menu-item-view
  57  .conpherence-menu-item-unread-count {
  58    position: absolute;
  59    right: 8px;
  60    top: 15px;
  61    background: {$blue};
  62    border-radius: 2px;
  63    color: #fff;
  64    font-weight: bold;
  65    padding: 0 5px 1px;
  66    font-size: 11px;
  67  }