fix minor theming issues (#2294)

appveyor.yml

@@ -11,7 +11,7 @@ environment:
   matrix:
   - COMPONENT_NAME: ng2-components-activiti
   - COMPONENT_NAME: ng2-components-alfresco
-  - COMPONENT_NAME: ng2-demo-shell
+#  - COMPONENT_NAME: ng2-demo-shell
 
 # Install scripts. (runs after repo cloning)
 install:
@@ -30,12 +30,12 @@ install:
               else
                 (cd scripts && sh npm-build-all.sh -t "ng2-alfresco*" -vjsapi alpha|| exit 1)
     )
-  - if %COMPONENT_NAME% EQU ng2-demo-shell (
+#  - if %COMPONENT_NAME% EQU ng2-demo-shell (
-              if %APPVEYOR_REPO_BRANCH EQU master
+#              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh start.sh -t -ss || exit 1)
+#                (cd scripts && sh start.sh -t -ss || exit 1)
-              else
+#              else
-                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
+#                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
-    )
+#    )
 
 # Don't actually build.
 build: off

demo-shell-ng2/app/components/activiti/activiti-demo.component.css

@@ -3,12 +3,7 @@
     font-weight: bold;
 }
 
-.activiti {
-    background-color: #f5f5f5;
-}
-
 .task-column {
-    background-color: #f5f5f5;
     padding: 10px 10px 10px 10px;
 }
 
@@ -30,8 +25,7 @@
 }
 
 .action-header {
-    border: 1px solid rgb(224, 224, 224);
+    border: 1px solid ;
-    background: #fff;
     text-align: left;
 }
 
@@ -42,7 +36,6 @@
 .activiti-demo-grid-item {
     margin: 4px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-    background-color: #f5f5f5;
     padding: 10px 10px 10px 10px;
 }
 
@@ -89,12 +82,7 @@
     padding-top: 0;
     padding-bottom: 0;
     height: 40px;
-    color: rgb(0,0,0);
     vertical-align: middle;
     font-size: 14px;
-    background-color: rgba(0,0,0,.05);
 }
 
-.adf-pagination {
-    color: black;
-}

demo-shell-ng2/app/components/activiti/activiti-demo.component.html

@@ -109,11 +109,12 @@
                 <div class="mdl-cell mdl-cell--2-col task-column  mdl-shadow--2dp">
                     <div class="list-buttons">
                         <button
+                            color="primary"
                             md-raised-button
                             data-automation-id="btn-start-process"
                             (click)="navigateStartProcess()">
                             <md-icon>add</md-icon>
-                            <span>START PROCESS</span>
+                            <span>{{'PS-TAB.START-PROCESS' | translate}}</span>
                         </button>
                     </div>
                     <adf-accordion>

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .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: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-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: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-documentlist-pagination {
+  color: white; }
+  .adf-documentlist-pagination .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: white; }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.adf-empty-folder-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: white;
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css

@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
+    user-select: none; }
-    cursor: default; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-data-table th.adf-data-table__header--sorted-desc:before {
       content: "\e5db"; }
   .adf-data-table .adf-data-table-cell {
-    text-align: left;
+    text-align: left; }
-    cursor: default; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  display: -webkit-box;
+  /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;
+  /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -webkit-flex;
+  /* NEW - Chrome */
+  display: flex;
+  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  -webkit-box-flex-direction: row;
+  -moz-box-flex-direction: row;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  height: 100%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-documentlist-pagination {
+  color: white; }
+  .adf-documentlist-pagination .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: white; }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.adf-empty-folder-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: white;
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss

@@ -43,6 +43,7 @@
 
         tbody {
             tr {
+                cursor: pointer;
                 position: relative;
                 height: $data-table-row-height;
                 @include material-animation-default(0.28s);
@@ -101,7 +102,6 @@
             box-sizing: border-box;
 
             @include no-select;
-            cursor: default;
         }
 
         th {
@@ -151,7 +151,6 @@
 
         .adf-data-table-cell {
             text-align: left;
-            cursor: default;
 
             &--text {
                 text-align: left;

ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss

@@ -1,121 +1,122 @@
-.document-list_empty_template {
+@mixin mat-document-list-theme($theme) {
-    text-align: center;
+    $foreground: map-get($theme, foreground);
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
 
-.document-list__this-space-is-empty {
+    .document-list_empty_template {
-    height: 32px;
+        text-align: center;
-    opacity: 0.26;
+        margin-top: 20px;
-    font-family: Muli, Helvetica, Arial, sans-serif;
+        margin-bottom: 20px;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
-
-.document-list__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;
-}
-
-.document-list__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;
-}
-
-.document-list__empty_doc_lib {
-    width: 565px;
-    height: 161px;
-    object-fit: contain;
-    margin-top: 17px;
-}
-
-.adf-document-list-loading-margin {
-    margin: auto;
-}
-
-.adf-document-list-loading-container {
-    min-height: 300px;
-    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -webkit-flex; /* NEW - Chrome */
-    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    -webkit-box-flex-direction: row;
-    -moz-box-flex-direction: row;
-    -webkit-flex-direction: row;
-    flex-direction: row;
-    height: 100%;
-}
-
-.adf-empty-list-header {
-    height: 32px;
-    opacity: 0.26 !important;
-    font-family: Muli, Helvetica, Arial, sans-serif;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
-
-.adf-documentlist-pagination {
-    color: black;
-
-    .adf-pagination__block {
-        border-right: none;
     }
-}
 
-.adf-empty-folder {
+    .document-list__this-space-is-empty {
-
-    &-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;
+        color: mat-color($foreground, text);
     }
 
-    &-drag-drop {
+    .document-list__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;
+        color: mat-color($foreground, text);
         margin-top: 40px;
     }
 
-    &-any-files-here-to-add {
+    .document-list__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;
+        color: mat-color($foreground, text)0;
         margin-top: 17px;
     }
 
-    &-image {
+    .document-list__empty_doc_lib {
         width: 565px;
         height: 161px;
         object-fit: contain;
         margin-top: 17px;
     }
+
+    .adf-document-list-loading-margin {
+        margin: auto;
+    }
+
+    .adf-document-list-loading-container {
+        min-height: 300px;
+        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
+        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
+        display: -webkit-flex; /* NEW - Chrome */
+        display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
+        -webkit-box-flex-direction: row;
+        -moz-box-flex-direction: row;
+        -webkit-flex-direction: row;
+        flex-direction: row;
+        height: 100%;
+    }
+
+    .adf-empty-list-header {
+        height: 32px;
+        opacity: 0.26 !important;
+        font-family: Muli, Helvetica, Arial, sans-serif;
+        font-size: 24px;
+        line-height: 1.33;
+        letter-spacing: -1px;
+        color: mat-color($foreground, text);
+    }
+
+    .adf-documentlist-pagination {
+        color: mat-color($foreground, text);
+
+        .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: mat-color($foreground, text);
+        }
+
+        &-drag-drop {
+            height: 56px;
+            opacity: 0.54;
+            font-family: Muli, Helvetica, Arial, sans-serif;
+            font-size: 56px;
+            line-height: 1;
+            letter-spacing: -2px;
+            color: mat-color($foreground, text);
+            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: mat-color($foreground, text);
+            margin-top: 17px;
+        }
+
+        &-image {
+            width: 565px;
+            height: 161px;
+            object-fit: contain;
+            margin-top: 17px;
+        }
+    }
 }

ng2-components/ng2-alfresco-documentlist/styles/index.scss

@@ -1,9 +1,11 @@
 @import '../src/components/breadcrumb/breadcrumb.component';
 @import '../src/components/breadcrumb/dropdown-breadcrumb.component';
 @import '../src/components/content-node-selector/content-node-selector.component';
+@import '../src/components/document-list.component';
 
 @mixin alfresco-documentlist-theme($theme) {
     @include mat-breadcrumb-theme($theme);
     @include mat-breadcrumb-dropdown-theme($theme);
     @include mat-content-node-selector-theme($theme) ;
+    @include mat-document-list-theme($theme) ;
 }