Fix layout bug which occurred when resizing application window in ima…

…ge management
dainst · Jan 18, 2021 · 4dcddb5 · 4dcddb5
1 parent ec2d2c0
commit 4dcddb5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/components/image/grid/image-grid.html b/src/app/components/image/grid/image-grid.html
@@ -1,5 +1,5 @@
 <div class="image-grid">
-    <div *ngFor="let row of rows"
+    <div *ngFor="let row of rows" class="image-grid-row"
          [style.height.px]="row[0]['calculatedHeight'] + 1 + 25">
 
         <div *ngFor="let cell of row"

diff --git a/src/app/components/image/grid/image-grid.scss b/src/app/components/image/grid/image-grid.scss
@@ -15,6 +15,11 @@
     pointer-events: auto !important;
   }
 
+  .image-grid-row {
+    overflow: visible;
+    width: max-content;
+  }
+
   .cell {
     position: relative;
     user-select: none;