[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-application-launch-view-css
   3   */
   4  
   5  
   6  /* - Application List ----------------------------------------------------------
   7  
   8    Spacing container for the list of large application buttons.
   9  
  10  */
  11  
  12  
  13  .application-tile-group {
  14    overflow: hidden;
  15  }
  16  
  17  
  18  /* - Application Launch Button -------------------------------------------------
  19  
  20    Spacing container for the list of large application buttons.
  21  
  22  */
  23  
  24  a.phabricator-application-launch-container,
  25  div.phabricator-application-launch-container {
  26    display: block;
  27    float: left;
  28    overflow: hidden;
  29    position: relative;
  30    text-decoration: none;
  31    width: 100%;
  32    height: 44px;
  33    border-bottom: 1px solid {$hovergrey};
  34  }
  35  
  36  .device-phone div.phabricator-application-launch-container {
  37    display: none;
  38  }
  39  
  40  .phabricator-application-launch-icon {
  41    display: block;
  42    position: absolute;
  43    width: 28px;
  44    height: 28px;
  45    top: 8px;
  46    left: 8px;
  47  }
  48  
  49  .device-desktop a.phabricator-application-launch-container:hover {
  50    background-color: {$hovergrey};
  51    text-decoration: none;
  52  }
  53  
  54  .phabricator-application-launch-name {
  55    display: block;
  56    font-weight: bold;
  57    color: {$darkbluetext};
  58    font-size: 13px;
  59    margin: 6px 0 2px 44px;
  60    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
  61  }
  62  
  63  .phabricator-application-launch-description {
  64    color: {$bluetext};
  65    font-size: 11px;
  66    margin-left: 44px;
  67    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
  68    text-overflow: ellipsis;
  69    width: 150px;
  70    overflow: hidden;
  71    white-space: nowrap;
  72    display: inline-block;
  73  }
  74  
  75  .phabricator-application-launch-attention {
  76    position: absolute;
  77    top: 8px;
  78    right: 8px;
  79    color: {$darkbluetext};
  80    font-weight: bold;
  81    font-size: 12px;
  82    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
  83  }
  84  
  85  .phabricator-application-attention-count {
  86    color: {$sky};
  87  }
  88  
  89  a.phabricator-application-launch-phone-only {
  90    display: none;
  91  }
  92  
  93  .device-phone a.phabricator-application-launch-phone-only {
  94    display: block;
  95  }