Re-order items on the card

This commit is contained in:
Frederic Guillot
2015-02-15 18:58:49 -05:00
parent 794f7f7645
commit 186f8ba840
6 changed files with 84 additions and 30 deletions

View File

@@ -44,8 +44,14 @@
) ?> ) ?>
</span> </span>
<span title="<?= t('Task age in days')?>" class="task-days-age"><?= $this->getTaskAge($task['date_creation']) ?></span> <?php if ($task['score']): ?>
<span title="<?= t('Days in this column')?>" class="task-days-incolumn"><?= $this->getTaskAge($task['date_moved']) ?></span> <span class="task-score"><?= $this->e($task['score']) ?></span>
<?php endif ?>
<div class="task-board-days">
<span title="<?= t('Task age in days')?>" class="task-days-age"><?= $this->getTaskAge($task['date_creation']) ?></span>
<span title="<?= t('Days in this column')?>" class="task-days-incolumn"><?= $this->getTaskAge($task['date_moved']) ?></span>
</div>
<div class="task-board-title"> <div class="task-board-title">
<?= $this->a($this->e($task['title']), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, '', t('View this task')) ?> <?= $this->a($this->e($task['title']), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, '', t('View this task')) ?>

View File

@@ -18,6 +18,10 @@
<?php endif ?> <?php endif ?>
</span> </span>
<?php if ($task['score']): ?>
<span class="task-score"><?= $this->e($task['score']) ?></span>
<?php endif ?>
<div class="task-board-title"> <div class="task-board-title">
<?= $this->a($this->e($task['title']), 'task', 'readonly', array('task_id' => $task['id'], 'token' => $project['token'])) ?> <?= $this->a($this->e($task['title']), 'task', 'readonly', array('task_id' => $task['id'], 'token' => $project['token'])) ?>
</div> </div>

View File

@@ -723,6 +723,10 @@ nav .active a {
font-size: 0.9em; font-size: 0.9em;
} }
/* board filters */ /* board filters */
.board-filters {
font-size: 0.9em;
}
a.filter-on { a.filter-on {
font-weight: bold; font-weight: bold;
color: #333; color: #333;
@@ -840,6 +844,7 @@ a.task-board-collapsed-title {
.task-board-title { .task-board-title {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px;
font-size: 1.1em; font-size: 1.1em;
} }
@@ -906,35 +911,54 @@ a.task-board-nobody {
color: #000; color: #000;
} }
.task-board-date-overdue { span.task-board-date-overdue {
color: #D90000; color: #D90000;
opacity: 1.0;
} }
/* task score */ /* task score */
.task-score { .task-score {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
}
.task-board .task-score {
font-size: 1.6em; font-size: 1.6em;
right: 5px; left: 2px;
bottom: 0;
}
.task-show-details .task-score {
bottom: 5px; bottom: 5px;
right: 5px;
font-size: 2em;
} }
/* task age */ /* task age */
.task-days-age { .task-board-days {
position: absolute;
right: 5px;
top: 5px;
text-align: right;
opacity: 0.5;
font-size: 0.8em; font-size: 0.8em;
border: #888 1px solid; }
border-radius:2px;
.task-board-days:hover {
opacity: 1.0;
}
.task-days-age {
border: #666 1px solid;
padding: 1px 4px 1px 2px; padding: 1px 4px 1px 2px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.task-days-incolumn { .task-days-incolumn {
font-size: 0.8em; border: #666 1px solid;
border: #888 1px solid;
border-left: none; border-left: none;
margin-left: -5px; margin-left: -5px;
border-radius:2px;
padding: 1px 2px 1px 4px; padding: 1px 2px 1px 4px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@@ -961,12 +985,6 @@ a.task-board-nobody {
list-style-type: circle; list-style-type: circle;
} }
.task-show-details .task-score {
font-size: 1.9em;
right: 10px;
bottom: 5px;
}
.task-show-section { .task-show-section {
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
@@ -1472,6 +1490,10 @@ a.task-board-nobody {
font-size: 1.1em; font-size: 1.1em;
} }
.page-header li.dropit-trigger {
padding: 0;
}
td li.dropit-trigger { td li.dropit-trigger {
margin: 0; margin: 0;
} }

View File

@@ -1,4 +1,8 @@
/* board filters */ /* board filters */
.board-filters {
font-size: 0.9em;
}
a.filter-on { a.filter-on {
font-weight: bold; font-weight: bold;
color: #333; color: #333;

View File

@@ -44,6 +44,10 @@
font-size: 1.1em; font-size: 1.1em;
} }
.page-header li.dropit-trigger {
padding: 0;
}
td li.dropit-trigger { td li.dropit-trigger {
margin: 0; margin: 0;
} }

View File

@@ -43,6 +43,7 @@ a.task-board-collapsed-title {
.task-board-title { .task-board-title {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px;
font-size: 1.1em; font-size: 1.1em;
} }
@@ -109,35 +110,54 @@ a.task-board-nobody {
color: #000; color: #000;
} }
.task-board-date-overdue { span.task-board-date-overdue {
color: #D90000; color: #D90000;
opacity: 1.0;
} }
/* task score */ /* task score */
.task-score { .task-score {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
}
.task-board .task-score {
font-size: 1.6em; font-size: 1.6em;
right: 5px; left: 2px;
bottom: 0;
}
.task-show-details .task-score {
bottom: 5px; bottom: 5px;
right: 5px;
font-size: 2em;
} }
/* task age */ /* task age */
.task-days-age { .task-board-days {
position: absolute;
right: 5px;
top: 5px;
text-align: right;
opacity: 0.5;
font-size: 0.8em; font-size: 0.8em;
border: #888 1px solid; }
border-radius:2px;
.task-board-days:hover {
opacity: 1.0;
}
.task-days-age {
border: #666 1px solid;
padding: 1px 4px 1px 2px; padding: 1px 4px 1px 2px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.task-days-incolumn { .task-days-incolumn {
font-size: 0.8em; border: #666 1px solid;
border: #888 1px solid;
border-left: none; border-left: none;
margin-left: -5px; margin-left: -5px;
border-radius:2px;
padding: 1px 2px 1px 4px; padding: 1px 2px 1px 4px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@@ -164,12 +184,6 @@ a.task-board-nobody {
list-style-type: circle; list-style-type: circle;
} }
.task-show-details .task-score {
font-size: 1.9em;
right: 10px;
bottom: 5px;
}
.task-show-section { .task-show-section {
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;