[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-workboard-view-css
   3   */
   4  
   5  .phui-workboard-view {
   6    width: 100%;
   7  }
   8  
   9  .device-desktop .phui-workboard-view-shadow {
  10    overflow-x: auto;
  11    position: absolute;
  12    top: 120px;
  13    bottom: 0;
  14    left: 0;
  15    right: 0;
  16  }
  17  
  18  .phui-workboard-view-shadow::-webkit-scrollbar {
  19    height: 12px;
  20    width: 12px;
  21    background: rgba(200,200,200,.6);
  22  }
  23  
  24  .phui-workboard-view-shadow::-webkit-scrollbar-thumb {
  25    background: {$lightbluetext};
  26  }
  27  
  28  .phui-workboard-action-list {
  29    width: 60px;
  30    float: left;
  31    min-height: 60px;
  32    border-radius: 5px;
  33    margin-right: 8px;
  34    background: {$lightbluebackground};
  35    border: 1px solid {$lightblueborder};
  36    border-bottom: 1px solid {$blueborder};
  37  }
  38  
  39  .device-phone .phui-workboard-action-list {
  40    width: 100%;
  41    float: none;
  42    display: block;
  43    overflow: hidden;
  44    border: none;
  45    background: none;
  46    border-radius: none;
  47    min-height: 0;
  48  }
  49  
  50  .phui-workboard-action-list li:first-child {
  51    padding-top: 5px;
  52  }
  53  
  54  .device-phone .phui-workboard-action-list li {
  55    display: inline;
  56    float: left;
  57    margin: 0;
  58    padding: 0 0 8px 0;
  59  }
  60  
  61  .phui-workboard-action-list .phui-icon-view {
  62    display: inline-block;
  63    vertical-align: top;
  64    width: 50px;
  65    height: 50px;
  66    margin: 0 4px 5px 5px;
  67  }
  68  
  69  .device-phone .phui-workboard-action-list .phui-icon-view {
  70    background-size: 35px;
  71    height: 35px;
  72    width: 35px;
  73    margin: 0 3px;
  74  }
  75  
  76  .device-tablet .project-board-wrapper {
  77    margin-left: 8px;
  78    margin-right: 8px;
  79  }