- corrected according to PR

Author: renczesstefan

projects/netgrif-components-core/src/lib/view/task-view/abstract-single-task-view.component.ts

@@ -31,6 +31,7 @@ export abstract class AbstractSingleTaskViewComponent extends AbstractViewWithHe
         this.subRoute = this._activatedRoute.paramMap.subscribe(paramMap => {
             if (!!(paramMap?.['params']?.[TaskConst.TRANSITION_ID])) {
                 this.transitionId = paramMap['params'][TaskConst.TRANSITION_ID];
+                this.subPanelData.unsubscribe();
                 this.subPanelData = this.taskViewService.tasks$.subscribe(tasks =>  {
                     if (!!tasks && tasks.length > 0) {
                         this.taskPanelData.next(this.resolveTransitionTask(tasks));

projects/netgrif-components/src/lib/panel/task-panel-single/single-task.component.html

@@ -7,30 +7,28 @@
             <span class='font-size-20'>{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>
         </div>
 
-        <mat-accordion [multi]="false" class="full-width" fxFlex="100">
-            <cdk-virtual-scroll-viewport itemSize="1" class="task-panel-scroll-container full-width full-height">
-                <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>
-                <nc-task-panel
-                    [textEllipsis]='textEllipsis'
-                    [taskPanelData]='task'
-                    [selectedHeaders$]='selectedHeaders$'
-                    [forceLoadDataOnOpen]='forceLoadDataOnOpen'
-                    [responsiveBody]='responsiveBody'
-                    (taskEvent)='emitTaskEvent($event)'
-                    (panelRefOutput)='setPanelRef($event)'
-                    [preventCollapse]='preventCollapse'
-                    [hidePanelHeader]='hidePanelHeader'
-                    [actionButtonTemplates]='actionButtonTemplates'
-                    [actionRowJustifyContent]='actionRowJustifyContent'
-                    class='panel-expanded-spacing'>
-                </nc-task-panel>
+        <cdk-virtual-scroll-viewport itemSize="1" class="task-panel-scroll-container full-width full-height">
+            <div *ngTemplateOutlet='pageHeader ?? defaultPageHeader'></div>
+            <nc-task-panel
+                [textEllipsis]='textEllipsis'
+                [taskPanelData]='task'
+                [selectedHeaders$]='selectedHeaders$'
+                [forceLoadDataOnOpen]='forceLoadDataOnOpen'
+                [responsiveBody]='responsiveBody'
+                (taskEvent)='emitTaskEvent($event)'
+                (panelRefOutput)='setPanelRef($event)'
+                [preventCollapse]='preventCollapse'
+                [hidePanelHeader]='hidePanelHeader'
+                [actionButtonTemplates]='actionButtonTemplates'
+                [actionRowJustifyContent]='actionRowJustifyContent'
+                class='panel-expanded-spacing'>
+            </nc-task-panel>
 
-                <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>
-                    <mat-spinner color='primary' diameter='52'></mat-spinner>
-                </div>
-                <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>
-            </cdk-virtual-scroll-viewport>
-        </mat-accordion>
+            <div *ngIf='loading$ | async' fxLayout='column' fxLayoutAlign='center center'>
+                <mat-spinner color='primary' diameter='52'></mat-spinner>
+            </div>
+            <div *ngTemplateOutlet='pageFooter ?? defaultPageFooter'></div>
+        </cdk-virtual-scroll-viewport>
 
         <ng-template #defaultPageHeader>
             <mat-card class="top-card">