Re-order items on the card
This commit is contained in:
parent
794f7f7645
commit
186f8ba840
|
|
@ -44,8 +44,14 @@
|
|||
) ?>
|
||||
</span>
|
||||
|
||||
<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>
|
||||
<?php if ($task['score']): ?>
|
||||
<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">
|
||||
<?= $this->a($this->e($task['title']), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, '', t('View this task')) ?>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,10 @@
|
|||
<?php endif ?>
|
||||
</span>
|
||||
|
||||
<?php if ($task['score']): ?>
|
||||
<span class="task-score"><?= $this->e($task['score']) ?></span>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="task-board-title">
|
||||
<?= $this->a($this->e($task['title']), 'task', 'readonly', array('task_id' => $task['id'], 'token' => $project['token'])) ?>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -723,6 +723,10 @@ nav .active a {
|
|||
font-size: 0.9em;
|
||||
}
|
||||
/* board filters */
|
||||
.board-filters {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
a.filter-on {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
|
|
@ -840,6 +844,7 @@ a.task-board-collapsed-title {
|
|||
|
||||
.task-board-title {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
|
@ -906,35 +911,54 @@ a.task-board-nobody {
|
|||
color: #000;
|
||||
}
|
||||
|
||||
.task-board-date-overdue {
|
||||
span.task-board-date-overdue {
|
||||
color: #D90000;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
/* task score */
|
||||
.task-score {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.task-board .task-score {
|
||||
font-size: 1.6em;
|
||||
right: 5px;
|
||||
left: 2px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.task-show-details .task-score {
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
/* task age */
|
||||
.task-days-age {
|
||||
.task-board-days {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
text-align: right;
|
||||
opacity: 0.5;
|
||||
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;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.task-days-incolumn {
|
||||
font-size: 0.8em;
|
||||
border: #888 1px solid;
|
||||
border: #666 1px solid;
|
||||
border-left: none;
|
||||
margin-left: -5px;
|
||||
border-radius:2px;
|
||||
padding: 1px 2px 1px 4px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
|
@ -961,12 +985,6 @@ a.task-board-nobody {
|
|||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.task-show-details .task-score {
|
||||
font-size: 1.9em;
|
||||
right: 10px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
.task-show-section {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -1472,6 +1490,10 @@ a.task-board-nobody {
|
|||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.page-header li.dropit-trigger {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
td li.dropit-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,8 @@
|
|||
/* board filters */
|
||||
.board-filters {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
a.filter-on {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
|
|
|
|||
|
|
@ -44,6 +44,10 @@
|
|||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.page-header li.dropit-trigger {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
td li.dropit-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ a.task-board-collapsed-title {
|
|||
|
||||
.task-board-title {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
|
@ -109,35 +110,54 @@ a.task-board-nobody {
|
|||
color: #000;
|
||||
}
|
||||
|
||||
.task-board-date-overdue {
|
||||
span.task-board-date-overdue {
|
||||
color: #D90000;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
/* task score */
|
||||
.task-score {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.task-board .task-score {
|
||||
font-size: 1.6em;
|
||||
right: 5px;
|
||||
left: 2px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.task-show-details .task-score {
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
/* task age */
|
||||
.task-days-age {
|
||||
.task-board-days {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
text-align: right;
|
||||
opacity: 0.5;
|
||||
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;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.task-days-incolumn {
|
||||
font-size: 0.8em;
|
||||
border: #888 1px solid;
|
||||
border: #666 1px solid;
|
||||
border-left: none;
|
||||
margin-left: -5px;
|
||||
border-radius:2px;
|
||||
padding: 1px 2px 1px 4px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
|
@ -164,12 +184,6 @@ a.task-board-nobody {
|
|||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.task-show-details .task-score {
|
||||
font-size: 1.9em;
|
||||
right: 10px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
.task-show-section {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue