opendev/storyboard-webclient
Code Issues Proposed changes

Make it easier to find 'add task' button

Browse Source 
The button was in the top-right of the tasks list, which meant new
users could miss it, or worse, confuse it with the 'add' (tag) button.
This moves the button to the bottom left of the task list, which is
the first place a user is likely to look when they find a task is
missing, and want to add one.

Change-Id: I48c93bc272570a041e7c4437ff82fbd0611d4a04
This commit is contained in:
Zara 2016-03-17 18:16:49 +00:00
parent 1603ef1daa
commit 46779a5339
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/stories/template/detail.html
View File

@ -193,17 +193,7 @@
<table class="table table-striped table-supercondensed">
<thead>
<tr>
<td colspan="3"><strong>Tasks</strong></td>
<td colspan="3" class="text-right">
<small>
<a href=""
ng-click="showAddTaskForm = !showAddTaskForm"
ng-show="isLoggedIn">
<i class="fa fa-plus" ng-if="!showAddTaskForm"></i>
<i class="fa fa-minus" ng-if="showAddTaskForm"></i>
Add task
</a>
</small>
<td colspan="7"><strong>Tasks</strong></td>
</td>
</tr>
</thead>
@ -213,7 +203,7 @@
src="'/inline/task_list_item.html'">
</tr>
<tr ng-if="tasks.length == 0 && !showAddTaskForm">
<td colspan="6">
<td colspan="7">
<p class="text-muted text-center">
<em>This story has no tasks.</em>
</p>
@ -223,6 +213,18 @@
ng-include
src="'/inline/task_edit_form.html'">
</tr>
<hr />
<tr>
<td colspan="7" class="text-left">
<button class="btn btn-default" type="button"
ng-click="showAddTaskForm = !showAddTaskForm"
ng-show="isLoggedIn">
<i class="fa fa-plus" ng-if="!showAddTaskForm"></i>
<i class="fa fa-minus" ng-if="showAddTaskForm"></i>
<strong> Add task </strong>
</button>
</td>
</tr>
</tbody>
</table>
</script>