Avoid re-layout when displaying the page.

Use <span>/<span> instead of <ul>/<il> for task menu anchor, to avoid flickering items when the
menus are created.
This commit is contained in:
Francois Ferrand
2015-02-24 16:26:57 +01:00
parent 11d1314fbe
commit 6b09ff766a
5 changed files with 14 additions and 14 deletions

View File

@@ -11,8 +11,8 @@
<li><i class="fa fa-cog fa-fw"></i><?= $this->a(t('Settings'), 'config', 'index') ?></li>
<?php endif ?>
<li>
<ul class="dropdown">
<li>
<span class="dropdown">
<span>
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Change dashboard view') ?></a>
<ul>
<li>
@@ -31,8 +31,8 @@
<a href="#" class="dashboard-toggle" data-toggle="activities"><?= t('Show/hide activities') ?></a>
</li>
</ul>
</li>
</ul>
</span>
</span>
</li>
</ul>
</div>

View File

@@ -1,8 +1,8 @@
<div class="page-header">
<ul class="board-filters">
<li>
<ul class="dropdown">
<li>
<span class="dropdown">
<span>
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Actions') ?></a>
<ul>
<li>
@@ -45,8 +45,8 @@
</li>
<?php endif ?>
</ul>
</li>
</ul>
</span>
</span>
</li>
<li>
<?= $this->formSelect('user_id', $users, array(), array(), array('data-placeholder="'.t('Filter by user').'"'), 'apply-filters chosen-select') ?>

View File

@@ -1,5 +1,5 @@
<ul class="dropdown">
<li>
<span class="dropdown">
<span>
<a href="#" class="dropdown-menu"><?= '#'.$task['id'] ?></a>
<ul>
<li><i class="fa fa-user"></i> <?= $this->a(t('Change assignee'), 'board', 'changeAssignee', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'task-board-popover') ?></li>
@@ -9,5 +9,5 @@
<li><i class="fa fa-pencil-square-o"></i> <?= $this->a(t('Edit this task'), 'task', 'edit', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'task-board-popover') ?></li>
<li><i class="fa fa-close"></i> <?= $this->a(t('Close this task'), 'task', 'close', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'redirect' => 'board'), false, 'task-board-popover') ?></li>
</ul>
</li>
</ul>
</span>
</span>