diff options
| author | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2017-09-19 00:01:44 +0300 |
|---|---|---|
| committer | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2017-09-19 00:01:44 +0300 |
| commit | c3b942a7b53fbc57926353619d5186226ebce834 (patch) | |
| tree | 7ae7e9973221e8ffb7f15c0161b7db03f56ef0c8 /templates | |
| parent | 91f110043b293f7ec5be4f2a739b7ad9c69f1a92 (diff) | |
Use flexbox instead of javascript hack
Flexbooox!
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/part.details.php | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/templates/part.details.php b/templates/part.details.php index 7bbab19f..54ee29fa 100644 --- a/templates/part.details.php +++ b/templates/part.details.php @@ -1,12 +1,12 @@ <div ng-controller="DetailsController" ng-click="endEdit($event)" class="handler"> - <div ng-show="TaskState()=='found'" ng-class="{'disabled': !task.calendar.writable}"> - <a class="detail-checkbox" ng-click="toggleCompleted(task)" role="checkbox" aria-checked="{{task.completed}}" aria-label="<?php p($l->t('Task is completed')); ?>"> - <span class="icon detail-checkbox" ng-class="{'icon-checkmark':task.completed, 'disabled': !task.calendar.writable}"></span> - </a> - <a class="detail-star" ng-click="toggleStarred(task)"> - <span class="icon icon-task-star" ng-class="{'icon-task-star-high':task.priority>5,'icon-task-star-medium':task.priority==5,'icon-task-star-low':task.priority > 0 && task.priority < 5, 'disabled': !task.calendar.writable}"></span> - </a> + <div class="flex-container" ng-show="TaskState()=='found'" ng-class="{'disabled': !task.calendar.writable}"> <div class="title" ng-class="{'editing':route.parameter=='name'}"> + <a class="detail-checkbox" ng-click="toggleCompleted(task)" role="checkbox" aria-checked="{{task.completed}}" aria-label="<?php p($l->t('Task is completed')); ?>"> + <span class="icon detail-checkbox" ng-class="{'icon-checkmark':task.completed, 'disabled': !task.calendar.writable}"></span> + </a> + <a class="detail-star" ng-click="toggleStarred(task)"> + <span class="icon icon-task-star" ng-class="{'icon-task-star-high':task.priority>5,'icon-task-star-medium':task.priority==5,'icon-task-star-low':task.priority > 0 && task.priority < 5, 'disabled': !task.calendar.writable}"></span> + </a> <span class="title-text handler" ng-class="{'strike-through':task.completed}" ng-click="editName($event, task)" oc-click-focus="{selector: '#editName', timeout: 0}" ng-bind-html="task.summary | linky:'_blank':{rel: 'nofollow'}"></span> <div class="expandable-container handler"> @@ -16,7 +16,7 @@ </div> </div> </div> - <div class="body" watch-top ng-style="{top:divTop}"> + <div class="body"> <div class="section detail-start handler" ng-class="{'date':isDue(task.start), 'editing':route.parameter=='startdate'}" ng-click="editStart($event, task)"> <!-- oc-click-focus="{selector: 'div.detail-start input.datepicker-input', timeout: 0}" --> <span class="icon icon-calendar" ng-class="{'icon-calendar-due':isDue(task.start), 'icon-calendar-overdue':isOverDue(task.start)}"></span> |