fix(freeLayout): #MAG-304 fix free layout card-list size (#169)

OPEN-ENT-NG · Apr 4, 2024 · 99ffc4e · 99ffc4e
1 parent b12b330
commit 99ffc4e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/src/main/resources/public/sass/global/components/containers/_board.scss b/src/main/resources/public/sass/global/components/containers/_board.scss
@@ -134,6 +134,10 @@
       width: 60px;
     }
 
+    .cardListMinHeight {
+      min-height: 1000px;
+    }
+
     &-list {
       width: 100%;
       overflow-x: auto;

diff --git a/src/main/resources/public/template/board.html b/src/main/resources/public/template/board.html
@@ -80,7 +80,7 @@ <h1 class="cell paddingRight"  tooltip="[[vm.board.title]]">
             </board-nav>
         </div>
 
-        <div class="cell boardContainer-container-body-list scrollbar">
+        <div class="cell boardContainer-container-body-list scrollbar" ng-class="{'cardListMinHeight': vm.notEmptyAndLayoutFree()}">
             <dropzone-overlay on-import="vm.draggable.dragDropFilesHandler($event)" can-drop="vm.board.myRights.publish !== undefined"
                               ng-if="vm.isDraggable">
             </dropzone-overlay>

diff --git a/src/main/resources/public/ts/controllers/board-view.controller.ts b/src/main/resources/public/ts/controllers/board-view.controller.ts
@@ -101,6 +101,8 @@ interface IViewModel extends ng.IController {
 
     resetBoardView(): Promise<void>;
 
+    notEmptyAndLayoutFree(): boolean;
+
     onScroll(): void;
 
     resetCards(): void;
@@ -367,6 +369,10 @@ class Controller implements IViewModel {
         safeApply(this.$scope);
     }
 
+    notEmptyAndLayoutFree(): boolean {
+        return this.cards.length > 0 && this.board.isLayoutFree();
+    }
+
     initDraggable = (): void => {
         const that = this;
         this.draggable = {