Move avatar to the top right corner

This commit is contained in:
Frederic Guillot 2016-03-24 21:21:22 -04:00
parent 3a06e0ab21
commit 4c8d5fbdc0
7 changed files with 51 additions and 49 deletions

View File

@ -0,0 +1,19 @@
<?php if (! empty($task['owner_id'])): ?>
<div class="task-board-avatars">
<span
<?php if ($this->user->hasProjectAccess('taskmodification', 'edit', $task['project_id'])): ?>
class="task-board-assignee task-board-change-assignee"
data-url="<?= $this->url->href('BoardPopover', 'changeAssignee', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>">
<?php else: ?>
class="task-board-assignee">
<?php endif ?>
<?= $this->avatar->small(
$task['owner_id'],
$task['assignee_username'],
$task['assignee_name'],
$task['assignee_email'],
'avatar-inline'
) ?>
</span>
</div>
<?php endif ?>

View File

@ -1,23 +1,3 @@
<?php if (! empty($task['owner_id'])): ?>
<div class="task-board-avatars">
<span
<?php if ($this->user->hasProjectAccess('taskmodification', 'edit', $task['project_id'])): ?>
class="task-board-assignee task-board-change-assignee"
data-url="<?= $this->url->href('BoardPopover', 'changeAssignee', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>">
<?php else: ?>
class="task-board-assignee">
<?php endif ?>
<?= $this->avatar->small(
$task['owner_id'],
$task['assignee_username'],
$task['assignee_name'],
$task['assignee_email'],
'avatar-inline'
) ?>
</span>
</div>
<?php endif ?>
<?php if (! empty($task['category_id'])): ?>
<div class="task-board-category-container">
<span class="task-board-category">

View File

@ -44,18 +44,18 @@
</span>
<?php endif ?>
<?= $this->render('board/task_avatar', array('task' => $task)) ?>
<?= $this->hook->render('template:board:private:task:before-title', array('task' => $task)) ?>
<span class="task-board-title">
<div class="task-board-title">
<?= $this->url->link($this->text->e($task['title']), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, '', t('View this task')) ?>
</span>
</div>
<?= $this->hook->render('template:board:private:task:after-title', array('task' => $task)) ?>
<?= $this->render('board/task_footer', array(
'task' => $task,
'not_editable' => $not_editable,
'project' => $project,
'task' => $task,
'not_editable' => $not_editable,
'project' => $project,
)) ?>
</div>
<?php endif ?>

View File

@ -8,12 +8,12 @@
</span>
<?php endif ?>
<?= $this->render('board/task_avatar', array('task' => $task)) ?>
<?= $this->hook->render('template:board:public:task:before-title', array('task' => $task)) ?>
<span class="task-board-title">
<div class="task-board-title">
<?= $this->url->link($this->text->e($task['title']), 'task', 'readonly', array('task_id' => $task['id'], 'token' => $project['token'])) ?>
</span>
</div>
<?= $this->hook->render('template:board:public:task:after-title', array('task' => $task)) ?>
<?= $this->render('board/task_footer', array(

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -47,27 +47,21 @@ div.task-board-status-closed {
font-weight: bold;
}
.task-board-title a:hover {
text-decoration: underline;
}
.task-board-title {
margin-left: 5px;
font-size: 1.15em;
}
.task-board-collapsed {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.task-board-change-assignee:hover {
opacity: 0.6;
/* title one the card */
.task-board-title {
font-size: 1.2em;
margin-top: 5px;
margin-bottom: 8px;
}
.task-board-change-assignee {
cursor: pointer;
.task-board-title a:hover {
text-decoration: underline;
}
/* category label */
@ -91,7 +85,16 @@ div.task-board-status-closed {
/* avatars on the card */
.task-board-avatars {
margin-top: 5px;
text-align: right;
float: right;
}
.task-board-change-assignee:hover {
opacity: 0.6;
}
.task-board-change-assignee {
cursor: pointer;
}
/* task icons footer */
@ -138,7 +141,7 @@ span.task-board-date-overdue {
span.task-board-age-total {
border: #666 1px solid;
padding: 1px 2px 1px 2px;
padding: 1px 3px 1px 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
@ -147,7 +150,7 @@ span.task-board-age-column {
border: #666 1px solid;
border-left: none;
margin-left: -5px;
padding: 1px 2px 1px 2px;
padding: 1px 3px 1px 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}