[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-notification-menu-css
   3   */
   4  
   5  .phabricator-notification-menu {
   6    background: #fff;
   7    font-size: 11px;
   8    word-wrap: break-word;
   9    overflow-y: auto;
  10    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  11    border: 1px solid {$blueborder};
  12    border-radius: 3px;
  13  }
  14  
  15  .phabricator-notification .phabricator-notification-date {
  16    margin-left: 8px;
  17    color: {$lightgreytext};
  18  }
  19  
  20  .phabricator-notification-menu-loading {
  21    text-align: center;
  22    padding: 10px 0;
  23    color: {$lightgreytext};
  24  }
  25  
  26  .device-desktop .phabricator-notification-menu,
  27  .device-tablet .phabricator-notification-menu {
  28    position: absolute;
  29    width: 360px;
  30    top: 42px;
  31  }
  32  
  33  .device-phone .phabricator-notification-menu {
  34    border-bottom: 1px solid {$thinblueborder};
  35    width: 94%;
  36    max-width: 390px;
  37    top: 42px !important;
  38    left: 3% !important;
  39    position: absolute;
  40  
  41  }
  42  
  43  .phabricator-notification {
  44    padding: 6px 8px;
  45  }
  46  
  47  .phabricator-notification-menu .phabricator-notification {
  48    cursor: pointer;
  49  }
  50  
  51  .device-desktop .phabricator-notification-menu .phabricator-notification:hover {
  52    background: {$hoverblue};
  53  }
  54  
  55  .device-desktop .phabricator-notification-menu
  56   .phabricator-notification-unread.phabricator-notification:hover {
  57    background: {$hoverselectedblue};
  58  }
  59  
  60  .phabricator-notification + .phabricator-notification {
  61    border-top: 1px solid {$hoverborder};
  62  }
  63  
  64  .no-notifications {
  65    color: {$lightgreytext};
  66  }
  67  
  68  .phabricator-notification-list .phabricator-notification-unread,
  69  .phabricator-notification-menu .phabricator-notification-unread {
  70    background: {$hoverblue};
  71  }
  72  
  73  .phabricator-notification-header {
  74    font-weight: bold;
  75    padding: 10px 8px;
  76    font-size: 12px;
  77    border-bottom: 1px solid {$thinblueborder};
  78  }
  79  
  80  .phabricator-notification-header a {
  81    color: {$darkgreytext};
  82  }
  83  
  84  .phabricator-notification-header a:hover {
  85    text-decoration: underline;
  86  }
  87  
  88  .phabricator-notification-header .phabricator-notification-clear-all {
  89    color: #18559D;
  90    float: right;
  91    font-weight: normal;
  92  }
  93  
  94  .phabricator-notification-footer {
  95    background: {$greybackground};
  96    border-top: 1px solid {$thinblueborder};
  97    border-bottom-left-radius: 3px;
  98    border-bottom-right-radius: 3px;
  99    padding: 8px;
 100    font-size: 12px;
 101    color: {$darkgreytext};
 102  }
 103  
 104  .phabricator-notification-footer a {
 105    color: {$darkgreytext};
 106  }
 107  
 108  .phabricator-notification-footer a:hover {
 109    text-decoration: underline;
 110  }
 111  
 112  .phabricator-notification-menu .aphlict-connection-status {
 113    color: {$lightgreytext};
 114  }
 115  
 116  .aphlict-connection-status .aphlict-connection-status-connected {
 117    color: {$green};
 118  }
 119  
 120  .aphlict-connection-status .aphlict-connection-status-error {
 121    color: {$red};
 122  }