mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-27 09:12:41 +01:00
df0c3df3cc
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
210 lines
3.7 KiB
CSS
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;
|
|
}
|