Add interactions only if user can edit

app/coffee/modules/related-tasks.coffee

@@ -53,7 +53,7 @@ RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope, $loading) ->
         </a>
     </div>
     <div tg-related-task-assigned-to-inline-edition="task" class="assigned-to">
-        <div title="Assigned to" class="task-assignedto">
+        <div title="Assigned to" class="task-assignedto <% if(perms.modify_task) { %>editable<% } %>">
             <figure class="avatar"></figure>
             <% if(perms.modify_task) { %>
                 <span class="icon icon-arrow-bottom"></span>

app/styles/modules/common/related-tasks.scss

@@ -61,6 +61,12 @@
     .status {
         position: relative;
         text-align: left;
+        &:hover {
+            .icon {
+                @include transition (opacity .2s ease-in);
+                opacity: 1;
+            }
+        }
         .not-clickable {
             &:hover {
                 color: $grayer;
@@ -78,6 +84,7 @@
         .icon {
             color: $gray-light;
             margin-left: .2rem;
+            opacity: 0;
         }
     }
     .pop-status {
@@ -165,8 +172,10 @@
         text-align: left;
     }
     .task-assignedto {
-        cursor: pointer;
         position: relative;
+        &.editable {
+            cursor: pointer;
+        }
         &:hover {
             .icon {
                 @include transition(opacity .3s linear);