fix(queryPage): add title truncate, fix workitem cell css

src/app/components_ngrx/planner-query/planner-query.component.less

@@ -34,3 +34,7 @@
 .current-query {
   color: @color-pf-blue-500;
 }
+
+work-item-cell {
+  max-width: ~'calc(e("100% - 20px"))';
+}

src/app/components_ngrx/work-item-cell/work-item-cell.component.html

@@ -30,18 +30,14 @@
       [class.pointer]="row.hasChildren"
       [class.click-disable]="!row.hasChildren"
       (click)="onExploration(row)"></span>
-      <span *ngIf="context ==='query' && !row.hasChildren"
-      class="fa fa-angle-right margin-left-10 icon__disabled padding-v-5 pointer"
-      style="cursor: not-allowed"
-      ></span>
     <a class="fa fa-list-alt margin-left-5 padding-v-5 pointer"
       placement="right"
       tooltip="Open Detail View"
       [routerLink]="context === 'list' ? ['detail', row.number] : ['../', 'detail', row.number]"></a>
   </div>
 </div>
-<!-- Status -->
 
+<!-- Status -->
 <div class="f8-planner-cell__state"
   *ngIf="col === 'state'">
   <span class="padding-right-5 padding-top-4"

src/app/effects/work-item.effects.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Actions, Effect } from '@ngrx/effects';
 import { select, Store } from '@ngrx/store';
-import { Observable, of as ObservableOf } from 'rxjs';
+import { Observable, of } from 'rxjs';
 import { catchError, map, mergeMap, switchMap } from 'rxjs/operators';
 import { cleanObject } from '../models/common.model';
 import { FilterService } from '../services/filter.service';
@@ -120,7 +120,7 @@ export class WorkItemEffects {
                   this.router.navigateByUrl(document.location.pathname + '/detail/' + wItem.number,
                                             {relativeTo: this.route});
                 }
-                return ObservableOf(new WorkItemActions.AddSuccess(wItem));
+                return of(new WorkItemActions.AddSuccess(wItem));
               }
             }),
             catchError(err => this.errHandler.handleError(
@@ -323,7 +323,7 @@ export class WorkItemEffects {
                     wp.state.space.links.self, workItem,
                     reorderPayload.destinationWorkitemID, reorderPayload.direction
                   ) :
-                  ObservableOf(workitem);
+                  of(workitem);
               }),
               map(w => {
                 let wi = this.resolveWorkItems([w], wp.state)[0];
@@ -366,7 +366,7 @@ export class WorkItemEffects {
         const payload = wp.payload;
         const state = wp.state;
         if (state.workItems.nextLink == '') {
-          return Observable.of(
+          return of(
             new WorkItemActions.GetMoreWorkItemsSuccess({ workItems: [], nextLink: '' })
           );
         }