inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1726] added responsivness for empty element in tasklist and docu… (#2522)

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

* [ADF-1726] changed media query with material2 variables
This commit is contained in:
Vito
2017-10-23 21:59:57 +01:00
committed by Eugenio Romano
parent b174cea07c
commit 1e6d0d90e3
2 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
View File

@@ -1,3 +1,5 @@
@import '~@angular/material/theming';
adf-datatable ::ng-deep th span { adf-datatable ::ng-deep th span {
color: #232323; color: #232323;
} }
@@ -28,6 +30,10 @@ adf-datatable ::ng-deep .data-cell {
letter-spacing: -2px; letter-spacing: -2px;
color: #000000; color: #000000;
margin-top: 40px; margin-top: 40px;
@media screen and ($mat-xsmall) {
font-size: 40px;
}
} }
.adf-empty-list__any-files-here-to-add { .adf-empty-list__any-files-here-to-add {
@@ -42,7 +48,12 @@ adf-datatable ::ng-deep .data-cell {
.adf-empty-list__empty_doc_lib { .adf-empty-list__empty_doc_lib {
width: 565px; width: 565px;
max-width: 100%;
height: 161px; height: 161px;
object-fit: contain; object-fit: contain;
margin-top: 17px; margin-top: 17px;
@media screen and ($mat-xsmall) {
width: 250px;
}
} }

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

@@ -1,3 +1,5 @@
@import '~@angular/material/theming';
@mixin mat-document-list-theme($theme) { @mixin mat-document-list-theme($theme) {
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
@@ -96,6 +98,10 @@
letter-spacing: -2px; letter-spacing: -2px;
color: mat-color($foreground, text); color: mat-color($foreground, text);
margin-top: 40px; margin-top: 40px;
@media screen and ($mat-xsmall) {
font-size: 48px;
}
} }
&-any-files-here-to-add { &-any-files-here-to-add {
@@ -113,6 +119,10 @@
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
margin-top: 17px; margin-top: 17px;
@media screen and ($mat-xsmall) {
width: 250px;
}
} }
} }
} }