From 1ffb4619cbdd7b2e626d8e3ec9f9d32e55cfac2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Popovics=20Andr=C3=A1s?=
 <popovicsandras@users.noreply.github.com>
Date: Fri, 1 Sep 2017 21:41:18 +0100
Subject: [PATCH] [ADF-1497] Fix missing drag & drop image and message (#2281)

---
 .../components/document-list.component.html   |  8 +++-
 .../components/document-list.component.scss   | 42 +++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
index bff5c0aecf..88399276c9 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html
@@ -22,7 +22,13 @@
         <no-content-template>
             <ng-template>
                 <adf-empty-list>
-                        <div adf-empty-list-header class="adf-empty-list-header"> {{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}} </div>
+                    <div class="adf-empty-list_template adf-empty-folder">
+                        <div class="adf-empty-folder-this-space-is-empty">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>
+                        <div class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
+                        <div class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
+                        <img class="adf-empty-folder-image" [src]="emptyFolderImageUrl">
+                    </div>
+                    <!-- <div adf-empty-list-header class="adf-empty-list-header"> {{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}} </div> -->
                 </adf-empty-list>
             </ng-template>
         </no-content-template>
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
index 9d2dbaf36f..14a290243f 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
@@ -76,4 +76,46 @@
     .adf-pagination__block {
         border-right: none;
     }
+}
+
+.adf-empty-folder {
+
+    &-this-space-is-empty {
+        height: 32px;
+        opacity: 0.26;
+        font-family: Muli, Helvetica, Arial, sans-serif;
+        font-size: 24px;
+        line-height: 1.33;
+        letter-spacing: -1px;
+        color: #000000;
+    }
+
+    &-drag-drop {
+        height: 56px;
+        opacity: 0.54;
+        font-family: Muli, Helvetica, Arial, sans-serif;
+        font-size: 56px;
+        line-height: 1;
+        letter-spacing: -2px;
+        color: #000000;
+        margin-top: 40px;
+    }
+
+    &-any-files-here-to-add {
+        height: 24px;
+        opacity: 0.54;
+        font-family: Muli, Helvetica, Arial, sans-serif;
+        font-size: 16px;
+        line-height: 1.5;
+        letter-spacing: -0.4px;
+        color: #000000;
+        margin-top: 17px;
+    }
+
+    &-image {
+        width: 565px;
+        height: 161px;
+        object-fit: contain;
+        margin-top: 17px;
+    }
 }
\ No newline at end of file