/** * @provides phui-workboard-view-css */ .phui-workboard-view { width: 100%; } .phui-workboard-view-shadow { padding: 8px; min-height: 120px; overflow-x: scroll; border-radius: 5px; background: rgba(150,150,150,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.5); } .phui-workboard-action-list { width: 60px; float: left; min-height: 60px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-top: 40px; background: rgba(150,150,150,.2); } .device-phone .phui-workboard-view-shadow { background: none; box-shadow: none; padding: 0; margin: 0 auto; width: 100%; } .device-phone .phui-workboard-action-list { width: 100%; float: none; display: block; border-radius: 3px; margin: 0 0 5px; overflow: hidden; } .device-phone .phui-workboard-action-list li { display: inline; float: left; margin: 0px; } .phui-workboard-action-list .phui-icon-view { display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 5px 4px 5px 5px; } .device-phone .phui-workboard-action-list .phui-icon-view { margin-right: 0; }