From 1e6d0d90e36661952698d1e04d69b5b3ef4d4984 Mon Sep 17 00:00:00 2001
From: Vito <vito.albano@alfresco.com>
Date: Mon, 23 Oct 2017 21:59:57 +0100
Subject: [PATCH] =?UTF-8?q?[ADF-1726]=20added=20responsivness=20for=20empt?=
 =?UTF-8?q?y=20element=20in=20tasklist=20and=20docu=E2=80=A6=20(#2522)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [ADF-1726] added responsivness for empty element in tasklist and document list

* [ADF-1726] changed media query with material2 variables
---
 .../components/task-attachment-list.component.scss    | 11 +++++++++++
 .../src/components/document-list.component.scss       | 10 ++++++++++
 2 files changed, 21 insertions(+)

diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
index b02ee04eed..ab58eebe23 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 adf-datatable  ::ng-deep th span {
     color: #232323;
 }
@@ -28,6 +30,10 @@ adf-datatable  ::ng-deep .data-cell {
     letter-spacing: -2px;
     color: #000000;
     margin-top: 40px;
+
+    @media screen and ($mat-xsmall) {
+        font-size: 40px;
+    }
 }
 
 .adf-empty-list__any-files-here-to-add {
@@ -42,7 +48,12 @@ adf-datatable  ::ng-deep .data-cell {
 
 .adf-empty-list__empty_doc_lib {
     width: 565px;
+    max-width: 100%;
     height: 161px;
     object-fit: contain;
     margin-top: 17px;
+
+    @media screen and ($mat-xsmall) {
+        width: 250px;
+    }
 }
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 17fa5b4f98..b5f3dec7b0 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
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 @mixin mat-document-list-theme($theme) {
     $foreground: map-get($theme, foreground);
 
@@ -96,6 +98,10 @@
             letter-spacing: -2px;
             color: mat-color($foreground, text);
             margin-top: 40px;
+
+            @media screen and ($mat-xsmall) {
+                font-size: 48px;
+            }
         }
 
         &-any-files-here-to-add {
@@ -113,6 +119,10 @@
             max-width: 100%;
             object-fit: contain;
             margin-top: 17px;
+
+            @media screen and ($mat-xsmall) {
+                width: 250px;
+            }
         }
     }
 }