[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-workpanel-view-css
   3   */
   4  
   5  .phui-workpanel-view .phui-action-header {
   6    border: 1px solid #b3b5b6;
   7    border-top-left-radius: 3px;
   8    border-top-right-radius: 3px;
   9  }
  10  
  11  .phui-workpanel-view .phui-action-header .phui-action-header-title {
  12    padding: 8px 0;
  13  }
  14  
  15  .device-phone .phui-workboard-view {
  16    width: auto;
  17    margin: 0 8px;
  18  }
  19  
  20  .phui-workboard-view {
  21    -webkit-touch-callout: none;
  22    -webkit-user-select: none;
  23    -khtml-user-select: none;
  24    -moz-user-select: none;
  25    -ms-user-select: none;
  26    user-select: none;
  27  }
  28  
  29  .phui-workboard-view .phui-object-item .phui-object-item-objname {
  30    -webkit-touch-callout: text;
  31    -webkit-user-select: text;
  32    -khtml-user-select: text;
  33    -moz-user-select: text;
  34    -ms-user-select: text;
  35    user-select: text;
  36  }
  37  
  38  .phui-workboard-view .phui-object-item-link {
  39    white-space: normal;
  40    display: inline;
  41    -webkit-font-smoothing: antialiased;
  42  }
  43  
  44  .phui-workboard-view .phui-object-item-objname {
  45    vertical-align: top;
  46  }
  47  
  48  .phui-workpanel-view .phui-workpanel-header-action {
  49    float: right;
  50    width: 24px;
  51    border-left: 1px solid #b3b5b6;
  52  }
  53  
  54  .phui-workpanel-view .phui-workpanel-body {
  55    background: {$backdrop};
  56    padding: 5px 5px 2px 5px;
  57    border-bottom-left-radius: 3px;
  58    border-bottom-right-radius: 3px;
  59    box-shadow: inset 0 0px 5px rgba(0,0,0,.2);
  60  }
  61  
  62  .phui-workpanel-view .phui-workpanel-footer-action a {
  63    color: #333;
  64    font-weight: bold;
  65  }
  66  
  67  .device-desktop .phui-workpanel-view .phui-workpanel-footer-action:hover {
  68   background-color: rgba(100,100,100,.1);
  69   border-radius: 3px;
  70  }
  71  
  72  .phui-workpanel-view .phui-list-item-icon {
  73    height: 14px;
  74    width: 14px;
  75    display: inline-block;
  76  }
  77  
  78  .phui-workpanel-view .phui-list-item-name {
  79    padding-left: 5px;
  80    display: inline-block;
  81  }
  82  
  83  .aphront-multi-column-fixed .phui-workpanel-body {
  84    width: 300px;
  85  }
  86  
  87  .phui-workpanel-body .phui-object-item-list-view {
  88    min-height: 49px;
  89  }
  90  
  91  .device .aphront-multi-column-outer
  92    div.aphront-multi-column-column-outer .phui-workpanel-body {
  93    width: auto;
  94  }
  95  
  96  .project-panel-hidden {
  97    opacity: 0.75;
  98  }
  99  
 100  .project-panel-empty .phui-object-item-list-view {
 101    background: rgba(255,255,255,.4);
 102    border-radius: 3px;
 103    margin-bottom: 4px;
 104    border: 1px dashed #fff;
 105  }
 106  
 107  .project-panel-empty .phui-object-item-list-view .drag-ghost {
 108    display: none;
 109  }
 110  
 111  .project-panel-empty .phui-object-item-list-view.drag-target-list {
 112    background: rgba(255,255,255,.7);
 113  }
 114  
 115  .project-panel-over-limit .phui-action-header {
 116    border-top: 1px solid {$redborder};
 117    border-left: 1px solid {$redborder};
 118    border-right: 1px solid {$redborder};
 119    background: {$lightredbackground};
 120  }
 121  
 122  /* - Workpanel Cards -----------------------------------------------------------
 123  
 124    Slight display changes for how cards work in tight spaces
 125  
 126  */
 127  
 128  .phui-workpanel-view .phui-object-item-grippable .phui-object-item-frame {
 129    padding-left: 0;
 130  }
 131  
 132  .phui-workpanel-view .phui-object-item-grip {
 133    display: none;
 134  }
 135  
 136  .phui-workpanel-view .phui-object-item-attribute a {
 137    color: {$bluetext};
 138  }