mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-23 15:22:41 +01:00
300910f462
Summary: Fixes T5885. This implements optional soft point limits for workboard columns, per traditional Kanban. - Allow columns to have a point limit set. - When a column has a point limit, show it in the header. - If a column has too many points in it, show the column and point count in red. @chad, this could probably use some design tweaks. In particular: - I changed the color of "hidden" columns to avoid confusion with "overfull" columns. We might be able to find a better color. - UI hints for overfull columns might need adjustment. (After T4427, we'll let you sum some custom field instead of total number of tasks, which is why this is called "points" rather than "number of tasks".) Test Plan: {F190914} Note that: - "Pre-planning" has a limit, so it shows "4/12". - "Planning" has a limit and is overfull, so it shows "5 / 4". - Other columns do not have limits. - "Post-planning" is a hidden column. This might be too muted now. Transactions: {F190915} Error messages / edit screen: {F190916} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: chad, epriestley Maniphest Tasks: T5885 Differential Revision: https://secure.phabricator.com/D10276
138 lines
2.9 KiB
CSS
138 lines
2.9 KiB
CSS
/**
|
|
* @provides phui-workpanel-view-css
|
|
*/
|
|
|
|
.phui-workpanel-view .phui-action-header {
|
|
border: 1px solid #b3b5b6;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-action-header .phui-action-header-title {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.device-phone .phui-workboard-view {
|
|
width: auto;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
.phui-workboard-view {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.phui-workboard-view .phui-object-item .phui-object-item-objname {
|
|
-webkit-touch-callout: text;
|
|
-webkit-user-select: text;
|
|
-khtml-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.phui-workboard-view .phui-object-item-link {
|
|
white-space: normal;
|
|
display: inline;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.phui-workboard-view .phui-object-item-objname {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-workpanel-header-action {
|
|
float: right;
|
|
width: 24px;
|
|
border-left: 1px solid #b3b5b6;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-workpanel-body {
|
|
background: {$backdrop};
|
|
padding: 5px 5px 2px 5px;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
box-shadow: inset 0 0px 5px rgba(0,0,0,.2);
|
|
}
|
|
|
|
.phui-workpanel-view .phui-workpanel-footer-action a {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.device-desktop .phui-workpanel-view .phui-workpanel-footer-action:hover {
|
|
background-color: rgba(100,100,100,.1);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-list-item-icon {
|
|
height: 14px;
|
|
width: 14px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-list-item-name {
|
|
padding-left: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.aphront-multi-column-fixed .phui-workpanel-body {
|
|
width: 300px;
|
|
}
|
|
|
|
.phui-workpanel-body .phui-object-item-list-view {
|
|
min-height: 49px;
|
|
}
|
|
|
|
.device .aphront-multi-column-outer
|
|
div.aphront-multi-column-column-outer .phui-workpanel-body {
|
|
width: auto;
|
|
}
|
|
|
|
.project-panel-hidden {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.project-panel-empty .phui-object-item-list-view {
|
|
background: rgba(255,255,255,.4);
|
|
border-radius: 3px;
|
|
margin-bottom: 4px;
|
|
border: 1px dashed #fff;
|
|
}
|
|
|
|
.project-panel-empty .phui-object-item-list-view .drag-ghost {
|
|
display: none;
|
|
}
|
|
|
|
.project-panel-empty .phui-object-item-list-view.drag-target-list {
|
|
background: rgba(255,255,255,.7);
|
|
}
|
|
|
|
.project-panel-over-limit .phui-action-header {
|
|
border-top: 1px solid {$redborder};
|
|
border-left: 1px solid {$redborder};
|
|
border-right: 1px solid {$redborder};
|
|
background: {$lightredbackground};
|
|
}
|
|
|
|
/* - Workpanel Cards -----------------------------------------------------------
|
|
|
|
Slight display changes for how cards work in tight spaces
|
|
|
|
*/
|
|
|
|
.phui-workpanel-view .phui-object-item-grippable .phui-object-item-frame {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-object-item-grip {
|
|
display: none;
|
|
}
|
|
|
|
.phui-workpanel-view .phui-object-item-attribute a {
|
|
color: {$bluetext};
|
|
}
|