From a1bc3820740e2d326dea4d94d73b2c6f00dfbd5c Mon Sep 17 00:00:00 2001
From: davidcanonieto <david.cano@alfresco.com>
Date: Wed, 12 Sep 2018 14:32:48 +0200
Subject: [PATCH] [ADF-3119] Document list styles refactored for datatable
 thumbnails (#3766)

---
 .../components/document-list.component.html   |  3 ++-
 .../components/document-list.component.scss   | 24 +++++++++++++++++++
 .../datatable/datatable.component.scss        |  2 +-
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/lib/content-services/document-list/components/document-list.component.html b/lib/content-services/document-list/components/document-list.component.html
index 8e23555af5..6b5a083f91 100644
--- a/lib/content-services/document-list/components/document-list.component.html
+++ b/lib/content-services/document-list/components/document-list.component.html
@@ -20,7 +20,8 @@
     (rowClick)="onNodeClick($event.value?.node)"
     (rowDblClick)="onNodeDblClick($event.value?.node)"
     (row-select)="onNodeSelect($event.detail)"
-    (row-unselect)="onNodeUnselect($event.detail)">
+    (row-unselect)="onNodeUnselect($event.detail)"
+    [class.adf-datatable-gallery-thumbnails]="data.thumbnails">
 
     <div *ngIf="!isEmptyTemplateDefined()">
         <no-content-template>
diff --git a/lib/content-services/document-list/components/document-list.component.scss b/lib/content-services/document-list/components/document-list.component.scss
index 6b9cc2ce49..ff98e047b5 100644
--- a/lib/content-services/document-list/components/document-list.component.scss
+++ b/lib/content-services/document-list/components/document-list.component.scss
@@ -152,4 +152,28 @@
             }
         }
     }
+
+    .adf-datatable-gallery-thumbnails {
+        .adf-data-table-card .adf-datatable-row {
+            height: 300px !important;
+
+            img {
+                height: 100px;
+            }
+            
+            :first-child .cell-container .cell-value {
+                display: flex;
+                width: 265px;
+                flex: 0 0 auto;
+                justify-content: center;
+            }
+
+            .adf-data-table-cell.adf-datatable-table-cell.adf-data-table-cell--image {
+                flex: 0 0 auto;
+                display: flex;
+                flex-direction: column-reverse;
+                justify-content: space-between;
+            }
+        }
+    }
 }
diff --git a/lib/core/datatable/components/datatable/datatable.component.scss b/lib/core/datatable/components/datatable/datatable.component.scss
index 61a0a61c9d..312200c518 100644
--- a/lib/core/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/datatable/components/datatable/datatable.component.scss
@@ -45,7 +45,7 @@
                 max-width: 288px !important;
                 min-width: 288px !important;
 
-                height: 200px !important;
+                height: 200px;
 
                 overflow: hidden !important;
                 margin: 6px;