#2062 #4613 Remi Liste Anpassungen

apps/page/remission/src/lib/remission-list/remission-list-item/remission-list-item.component.html

@@ -77,6 +77,11 @@
       <div class="font-bold remission-reason">{{ item.remissionReason }}</div>
     </div>
   </div>
+  <div class="text-inactive-branch flex flex-col justify-center">
+    <div>
+      {{ item.dto.shelfLabel }}
+    </div>
+  </div>
 </div>
 
 <ng-container *ngIf="!!returnDto; else removeItem">

apps/page/remission/src/lib/remission-list/remission-list-item/remission-list-item.component.scss

@@ -1,7 +1,7 @@
 :host {
   @apply grid grid-flow-row gap-2 p-4 bg-white rounded w-full;
-  height: 368px;
-  max-height: 368px;
+  height: 23rem;
+  max-height: 23rem;
 }
 
 .item-header-details {
@@ -51,5 +51,5 @@
 }
 
 .product-data-grid {
-  grid-template-columns: 90px 190px auto;
+  grid-template-columns: 5.625rem 11.875rem 1fr auto;
 }

apps/page/remission/src/lib/remission-list/remission-list.component.html

@@ -17,7 +17,7 @@
 <cdk-virtual-scroll-viewport
   #scrollContainer
   class="remission-list"
-  [itemSize]="368"
+  [itemSize]="368 * shellService.scale"
   minBufferPx="1200"
   maxBufferPx="1200"
   (scrolledIndexChange)="scrolledIndexChange($event)"
@@ -97,10 +97,10 @@
       </div>
     </div>
   </div>
-  <div class="h-px-100"></div>
+  <div class="h-24"></div>
 </cdk-virtual-scroll-viewport>
 
-<div class="actions flex items-center justify-center bottom-40 sticky gap-7">
+<div class="actions flex items-center justify-center bottom-12 sticky gap-7">
   <ng-container>
     <a
       *ngIf="showStartRemissionAction$ | async"

apps/page/remission/src/lib/remission-list/remission-list.component.scss

@@ -1,6 +1,6 @@
 :host {
   @apply flex flex-col w-full box-content relative;
-  max-height: calc(100vh - 284px);
+  max-height: calc(100vh - 10.25rem);
   height: 100vh;
 }
 
@@ -10,8 +10,6 @@
 
 .remission-list-result {
   @apply list-none bg-white rounded mb-2;
-  height: 368px;
-  max-height: 368px;
 }
 
 .filter {

apps/page/remission/src/lib/remission-list/remission-list.component.ts

@@ -1,5 +1,15 @@
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { Component, ChangeDetectionStrategy, OnInit, OnDestroy, ViewChild, ViewChildren, QueryList, TrackByFunction } from '@angular/core';
+import {
+  Component,
+  ChangeDetectionStrategy,
+  OnInit,
+  OnDestroy,
+  ViewChild,
+  ViewChildren,
+  QueryList,
+  TrackByFunction,
+  inject,
+} from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ApplicationService } from '@core/application';
 import { BreadcrumbService } from '@core/breadcrumb';
@@ -11,6 +21,7 @@ import { debounceTime, first, map, shareReplay, takeUntil, withLatestFrom } from
 import { RemissionListItemComponent } from './remission-list-item';
 import { RemissionListComponentStore } from './remission-list.component-store';
 import { RemissionComponentStore } from './remission.component-store';
+import { ShellService } from '@shared/shell';
 
 @Component({
   selector: 'page-remission-list',
@@ -20,6 +31,8 @@ import { RemissionComponentStore } from './remission.component-store';
   providers: [RemissionComponentStore],
 })
 export class RemissionListComponent implements OnInit, OnDestroy {
+  shellService = inject(ShellService);
+
   @ViewChildren(RemissionListItemComponent) listItems: QueryList<RemissionListItemComponent>;
   @ViewChild('scrollContainer', { static: true })
   scrollContainer: CdkVirtualScrollViewport;