1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-21 01:38:48 +02:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-workboard-view.css
Chad Little 0bcc76151e Workboards
Summary: Adds Workboards and workpanels. This is a preliminary diff, I'm still working on mobile and tablet and a few missing features (header actions)

Test Plan: FF, Chrome, iOS, iPad, iPhone, IE

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5455
2013-03-30 09:51:35 -07:00

54 lines
1.1 KiB
CSS

/**
* @provides phabricator-workboard-view-css
*/
.phabricator-workboard-view-outer {
padding: 8px;
overflow-x: scroll;
border-radius: 5px;
background: rgba(150,150,150,.1);
box-shadow: inset 0 0 5px rgba(0,0,0,.5);
}
.device-phone .phabricator-workboard-view-outer {
background: none;
box-shadow: none;
padding: 0;
margin: 0 auto;
width: 100%;
}
/* math here is based on panel width and margins */
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-1-up {
width: 310px;
}
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-2-up {
width: 620px;
}
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-3-up {
width: 930px;
}
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-4-up {
width: 1008px;
}
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-5-up {
width: 1250px;
}
.phabricator-workboard-fixed
.phabricator-workboard-view-inner.workboard-6-up {
width: 1500px;
}
.device-phone .phabricator-workboard-fixed .phabricator-workboard-view-inner {
width: 100%;
}