[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-action-list-view-css
   3   */
   4  
   5  .device-desktop .phabricator-action-list-view {
   6    font-size: 12px;
   7  }
   8  
   9  .phuix-dropdown-menu .phabricator-action-list-view {
  10    font-size: 13px;
  11  }
  12  
  13  .device .phabricator-action-list-view {
  14    padding: 4px 0;
  15    display: none;
  16  }
  17  
  18  .device .phuix-dropdown-menu .phabricator-action-list-view {
  19    /* When an action list view appears inside a dropdown menu, don't hide it
  20       by default. */
  21    display: block;
  22  }
  23  
  24  .device .phabricator-action-list-view.phabricator-action-list-toggle {
  25    display: block;
  26  }
  27  
  28  .device .phui-property-list-view
  29    .phabricator-action-view button.phabricator-action-view-item,
  30  .device .phui-property-list-view .phabricator-action-view-item {
  31    font-size: 14px;
  32    line-height: 22px;
  33    padding-bottom: 4px;
  34    border-bottom: 1px solid {$thinblueborder};
  35    padding-left: 30px;
  36  }
  37  
  38  .device .phui-property-list-actions .phabricator-action-view .phui-icon-view {
  39    font-size: 14px;
  40    line-height: 18px;
  41  }
  42  
  43  .phabricator-action-view {
  44    position: relative;
  45  }
  46  
  47  .phabricator-action-view button.phabricator-action-view-item {
  48    border: none;
  49    background: transparent;
  50    box-shadow: none;
  51    outline: 0;
  52    padding: 0;
  53    margin: 0;
  54    font-weight: normal;
  55    width: 100%;
  56    text-align: left;
  57    text-shadow: none;
  58  
  59    border-radius: 0;
  60    color: #18559D;
  61    font: inherit;
  62    display: inline;
  63    min-width: 0;
  64  }
  65  
  66  .phabricator-action-view button.phabricator-action-view-item,
  67  .phabricator-action-view-item {
  68    padding: 3px 4px 3px 28px;
  69    line-height: 18px;
  70    display: block;
  71    text-decoration: none;
  72    color: {$darkgreytext};
  73  }
  74  
  75  .phabricator-action-view-icon {
  76    width: 14px;
  77    height: 14px;
  78    position: absolute;
  79    top: 5px;
  80    left: 9px;
  81    font-size: 13px;
  82  }
  83  
  84  .device-desktop .phabricator-action-view:hover .phabricator-action-view-item {
  85    text-decoration: none;
  86    background-color: {$sky};
  87    color: #fff;
  88  }
  89  
  90  .device-desktop .phabricator-action-view:hover .phabricator-action-view-icon {
  91    color: #fff;
  92  }
  93  
  94  .phabricator-action-view-disabled .phabricator-action-view-item,
  95  .phabricator-action-view-disabled button.phabricator-action-view-item {
  96    color: {$lightgreytext};
  97  }
  98  
  99  .phabricator-action-view-selected {
 100    border-left: 3px solid {$sky};
 101    background: {$hoverblue};
 102  }
 103  
 104  .phabricator-action-view-selected .phabricator-action-view-item {
 105    padding-left: 25px;
 106  }
 107  
 108  .phabricator-action-view-selected .phabricator-action-view-icon {
 109    left: 6px;
 110  }
 111  
 112  .phabricator-action-view button[disabled] {
 113    opacity: 1.0;
 114  }
 115  
 116  .device-desktop .phabricator-action-view-disabled:hover
 117    .phabricator-action-view-item,
 118  .device-desktop .phabricator-action-view-disabled:hover
 119    button.phabricator-action-view-item,
 120  .device-desktop .phabricator-action-view-disabled:hover
 121    .phabricator-action-view-icon,
 122  .device-desktop .phabricator-action-view-disabled:hover
 123    button.phabricator-action-view-icon {
 124    background-color: {$greybackground};
 125    color: {$lightgreytext};
 126  }