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

* [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

View File

@@ -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;
}
}

View File

@@ -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;
}
}
}
}