diff --git a/appveyor.yml b/appveyor.yml index 39ecede5f9..be7b3e1aab 100644 --- a/appveyor.yml +++ b/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 %APPVEYOR_REPO_BRANCH EQU master - (cd scripts && sh start.sh -t -ss || exit 1) - else - (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1) - ) +# - if %COMPONENT_NAME% EQU ng2-demo-shell ( +# if %APPVEYOR_REPO_BRANCH EQU master +# (cd scripts && sh start.sh -t -ss || exit 1) +# else +# (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1) +# ) # Don't actually build. build: off diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.css b/demo-shell-ng2/app/components/activiti/activiti-demo.component.css index a8a9a75f8f..cb7bea8cf3 100644 --- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.css +++ b/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); - background: #fff; + border: 1px solid ; 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; -} diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html index 417a177109..168554bf11 100644 --- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html +++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html @@ -109,11 +109,12 @@
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css index f0ba13a4e7..27641fe59f 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css index d21ef8f60a..1950d76b19 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css index 3d181bf6d7..fd00844c58 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css index cc9273c4be..6ed14ce43c 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css index f35eb3e683..939c69518d 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css index 61471d4b84..19da53294d 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css index c219b8386c..a24d9a097a 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css index 25eb0700c1..07aea0b4ef 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css index 43a24c5f1e..845e66c525 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css +++ b/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; - cursor: default; } + user-select: none; } .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; - cursor: default; } + text-align: left; } .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; } diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss index 6385b8672b..8caae02507 100644 --- a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss +++ b/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; 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 14a290243f..b3551f4bd5 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,121 +1,122 @@ -.document-list_empty_template { - text-align: center; - margin-top: 20px; - margin-bottom: 20px; -} +@mixin mat-document-list-theme($theme) { + $foreground: map-get($theme, foreground); -.document-list__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; -} - -.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; + .document-list_empty_template { + text-align: center; + margin-top: 20px; + margin-bottom: 20px; } -} -.adf-empty-folder { - - &-this-space-is-empty { + .document-list__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; } -} \ No newline at end of file + + .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; + } + } +} diff --git a/ng2-components/ng2-alfresco-documentlist/styles/index.scss b/ng2-components/ng2-alfresco-documentlist/styles/index.scss index 0dcdad9a4d..860e29ebcb 100644 --- a/ng2-components/ng2-alfresco-documentlist/styles/index.scss +++ b/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) ; }