mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-11 16:16:14 +01:00
d61ac3468b
Summary: Initial pass at an action header. The idea is to support current and future planned needs in 'headers' with various colors and icons. The overall goal here is to keep markup light and allow other classes to wrap and extend with more specific features. Test Plan: Tested UIExamples and Workboards. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5585
61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
/**
|
|
* @provides phabricator-workboard-view-css
|
|
*/
|
|
|
|
.phabricator-workboard-view {
|
|
width: 100%;
|
|
}
|
|
|
|
.phabricator-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);
|
|
}
|
|
|
|
.phabricator-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 .phabricator-workboard-view-shadow {
|
|
background: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.device-phone .phabricator-workboard-action-list {
|
|
width: 100%;
|
|
float: none;
|
|
display: block;
|
|
border-radius: 3px;
|
|
margin: 0 0 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.device-phone .phabricator-workboard-action-list li {
|
|
display: inline;
|
|
float: left;
|
|
margin: 0px;
|
|
}
|
|
|
|
.phabricator-workboard-view .phabricator-action-icon-item-link {
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 5px 4px 5px 5px;
|
|
}
|
|
|
|
.device-phone .phabricator-workboard-view .phabricator-action-icon-item-link {
|
|
margin-right: 0;
|
|
}
|
|
|