From a4cf0f79a914d1c41d2eeb791565ecfb424c596e Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Thu, 29 Jun 2017 08:54:10 +0200
Subject: Move percentdone bar to bottom of task (#87)

* Move percentdone bar to bottom of task

* Update style.css

* Removed round corners

* Update style.css

* Update part.taskbody.php

* Update style.css

* Update style.css

* Update style.css
---
 templates/part.taskbody.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'templates')

diff --git a/templates/part.taskbody.php b/templates/part.taskbody.php
index f37590ec..2bd616a6 100644
--- a/templates/part.taskbody.php
+++ b/templates/part.taskbody.php
@@ -2,16 +2,22 @@
     type="task"
     taskID="{{ task.uri }}"
     ng-class="{active: route.taskID==task.uri, subtasks: hasSubtasks(task), completedsubtasks: hasCompletedSubtasks(task), subtaskshidden: task.hideSubtasks, attachment: task.note!=''}">
-    <div class="percentdone" style="width:{{ task.complete }}%; background-color:{{ task.calendar.color }};"></div>
+    
+    <div class="percentbar" ng-if="task.complete > 0 ">
+        <div class="percentdone" style="width:{{ task.complete }}%; background-color:{{ task.calendar.color }};"></div>
+    </div>
+
     <a class="task-checkbox handler" name="toggleCompleted" ng-click="toggleCompleted(task)">
         <span class="icon task-checkbox" ng-class="{'task-checked': task.completed}"></span>
     </a>
     <a class="icon task-separator"></a>
     <a class="task-star handler" ng-click="toggleStarred(task)">
-        <span class="icon large task-star faded" ng-class="{'high':task.priority>5,'medium':task.priority==5,'low':task.priority > 0 && task.priority < 5}"></span>
+        <span class="icon large task-star faded" ng-class="{'icon_margin':task.complete > 0,
+        'high':task.priority > 5, 'medium':task.priority == 5, 'low':task.priority > 0 && task.priority < 5}">
+        </span>
     </a>
     <a class="task-addsubtask handler add-subtask" ng-show="task.calendar.writable" ng-click="showSubtaskInput(task.uid)" oc-click-focus="{selector: '.add-subtask input', timeout: 0}">
-        <span class="icon large addsubtask" title="<?php p($l->t('add a subtask to')); ?> {{ task.summary }}"></span>
+        <span ng-class="{'icon_margin' : task.complete > 0}" class="icon large addsubtask" title="<?php p($l->t('add a subtask to')); ?> {{ task.summary }}"></span>
     </a>
     <a class="handler"  ng-click="toggleSubtasks(task)">
         <span class="icon large subtasks"></span>
-- 
cgit v1.2.3