1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-21 09:48:47 +02:00
phorge-phorge/webroot/rsrc/css/application/maniphest/task-summary.css
Chad Little df0c3df3cc Modernize Maniphest
Summary:
A few things
- pht Maniphest where I could
- implement dust background
- optimize pages for mobile
- adds aphront-two-column-layout
- reworks maniphest page with two column layout
- tweaks task table for mobile, though we should move to object-list-view

Stopping here as I want to get feedback in. Super excited about mobile and the new tasks views. Only sort of excited about the sidebar filters, they need more UI work, but we should talk about that.

Test Plan: Test Maniphest, Differential, and Homepage views. Sort tasks, make reports

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5314
2013-03-12 23:30:03 -07:00

210 lines
3.7 KiB
CSS

/**
* @provides maniphest-task-summary-css
*/
.maniphest-task-summary {
width: 100%;
margin: 0 0 -1px 0;
border-collapse: separate;
color: #333;
border: 1px solid #c0c5d1;
}
.maniphest-task-group {
padding-bottom: 30px;
}
.maniphest-task-summary td {
padding: 0 10px;
background: #fff;
}
.maniphest-task-summary td em {
color: #888888;
}
.maniphest-batch-selected td {
background: #fff;
}
.maniphest-task-summary .maniphest-task-handle {
padding: 0 4px 0 0;
width: 5px;
}
.maniphest-task-summary td.maniphest-task-batch {
padding: 15px 4px 0 10px;
width: 8px;
text-align: center;
overflow: hidden;
}
.device-phone .maniphest-task-batch,
.device-phone .maniphest-task-updated {
display: none;
}
.maniphest-task-summary td.maniphest-task-batch,
.maniphest-task-summary td.maniphest-task-batch input {
cursor: pointer;
}
.maniphest-task-summary td.maniphest-task-batch input {
margin: 0;
}
.maniphest-task-summary td.maniphest-task-number {
padding: 6px 0 2px 10px;
font-weight: bold;
color: #333;
}
.maniphest-task-summary td.maniphest-task-status {
padding: 2px 10px 6px 10px;
text-align: left;
color: #777;
font-size: 12px;
}
.maniphest-task-summary .maniphest-task-owner {
padding-left: 20px;
}
.maniphest-task-summary .maniphest-task-name {
font-weight: bold;
overflow: hidden;
margin-left: 5px;
}
.maniphest-task-summary td.maniphest-task-projects {
text-align: right;
padding: 0px 8px;
}
.maniphest-task-summary .maniphest-task-updated {
float: right;
padding: 0 8px;
color: #777;
font-size: 11px;
font-weight: normal;
}
.maniphest-task-summary .pri-unbreak {
border-color: #ff0000;
background-color: #ff0000;
}
.maniphest-task-summary .pri-triage {
border-color: #ee00ee;
background-color: #ee00ee;
}
.maniphest-task-summary .pri-high {
border-color: #ff6622;
background-color: #ff6622;
}
.maniphest-task-summary .pri-normal {
border-color: #ffaa66;
background-color: #ffaa66;
}
.maniphest-task-summary .pri-low {
border-color: #eecc66;
background-color: #eecc66;
}
.maniphest-task-summary .pri-wish {
border-color: #0099ff;
background-color: #0099ff;
}
.maniphest-task-group-header {
font-size: 16px;
font-weight: bold;
color: #555;
padding: 0 0 8px 0;
}
.maniphest-total-result-count {
text-align: right;
padding: 5px 20px 0 0;
font-size: 11px;
color: #777;
}
.device-phone .maniphest-total-result-count {
padding-right: 5px;
}
.batch-editor-header {
font-size: 16px;
color: #555;
padding: 8px 0px;
font-weight: bold;
}
/* TODO: Implement */
.device-phone .maniphest-batch-editor {
display: none;
}
.maniphest-batch-editor-layout {
width: 100%;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c5d1;
background: #fff;
}
.maniphest-batch-editor-layout td {
padding: 10px 8px;
white-space: nowrap;
}
.maniphest-batch-editor-layout a.button,
.maniphest-batch-editor-layout button {
margin: 0px 4px;
}
.maniphest-batch-editor-layout .batch-select-submit-cell {
text-align: right;
}
#batch-select-status-cell {
text-align: right;
color: #666666;
font-size: 11px;
vertical-align: middle;
width: 100%;
}
td.maniphest-active-handle {
cursor: move;
background-image: url('/rsrc/image/grippy_texture.png');
background-position: 3px 0px;
background-repeat: repeat-y;
}
.maniphest-subpriority-target {
position: relative;
border: 1px dashed #aaaaaa;
background: #f9f9f9;
}
.maniphest-task-loading {
opacity: 0.5;
}
.maniphest-task-dragging {
position: relative;
opacity: 0.5;
}
.maniphest-list-container {
padding: 20px;
}
.device-phone .maniphest-list-container {
padding: 20px 5px;
}