remove import material theming from attachment components

This commit is contained in:
Eugenio Romano
2017-11-18 12:16:45 +00:00
parent c04b2c83e5
commit 91f56857fc
3 changed files with 110 additions and 103 deletions

View File

@@ -1,58 +1,59 @@
@import '~@angular/material/theming'; @mixin adf-process-attachment-list($theme) {
adf-datatable ::ng-deep th span { adf-datatable ::ng-deep th span {
color: #232323; color: #232323;
} }
adf-datatable ::ng-deep .data-cell { adf-datatable ::ng-deep .data-cell {
cursor: pointer !important; cursor: pointer !important;
} }
.adf-attachment-list-loading-margin { .adf-attachment-list-loading-margin {
margin-left: calc((100% - 100px) / 2); margin-left: calc((100% - 100px) / 2);
margin-right: calc((100% - 100px) / 2); margin-right: calc((100% - 100px) / 2);
} }
.adf-empty-list-header { .adf-empty-list-header {
height: 32px; height: 32px;
opacity: 0.26 !important; opacity: 0.26 !important;
font-size: 24px; font-size: 24px;
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: #000000; color: #000000;
} }
.adf-empty-list-drag_drop { .adf-empty-list-drag_drop {
min-height: 56px; min-height: 56px;
opacity: 0.54; opacity: 0.54;
font-size: 56px; font-size: 56px;
line-height: 1; line-height: 1;
letter-spacing: -2px; letter-spacing: -2px;
color: #000000; color: #000000;
margin-top: 40px !important; margin-top: 40px !important;
word-break: break-all; word-break: break-all;
white-space: pre-line; white-space: pre-line;
} }
.adf-empty-list__any-files-here-to-add { .adf-empty-list__any-files-here-to-add {
min-height: 24px; min-height: 24px;
opacity: 0.54; opacity: 0.54;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;
color: #000000; color: #000000;
margin-top: 17px; margin-top: 17px;
word-break: break-all; word-break: break-all;
white-space: pre-line; white-space: pre-line;
} }
.adf-empty-list__empty_doc_lib { .adf-empty-list__empty_doc_lib {
width: 565px; width: 565px;
height: 161px; height: 161px;
object-fit: contain; object-fit: contain;
margin-top: 17px; margin-top: 17px;
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {
width: 250px; width: 250px;
}
} }
} }

View File

@@ -1,63 +1,64 @@
@import '~@angular/material/theming'; @mixin adf-task-attachment-list($theme) {
adf-datatable ::ng-deep th span { adf-datatable ::ng-deep th span {
color: #232323; color: #232323;
} }
adf-datatable ::ng-deep .data-cell { adf-datatable ::ng-deep .data-cell {
cursor: pointer !important; cursor: pointer !important;
} }
.adf-attachment-list-loading-margin { .adf-attachment-list-loading-margin {
margin-left: calc((100% - 100px) / 2); margin-left: calc((100% - 100px) / 2);
margin-right: calc((100% - 100px) / 2); margin-right: calc((100% - 100px) / 2);
} }
.adf-empty-list-header { .adf-empty-list-header {
height: 32px; height: 32px;
opacity: 0.26; opacity: 0.26;
font-size: 24px; font-size: 24px;
line-height: 1.33; line-height: 1.33;
letter-spacing: -1px; letter-spacing: -1px;
color: #000000; color: #000000;
} }
.adf-empty-list-drag_drop { .adf-empty-list-drag_drop {
min-height: 56px; min-height: 56px;
opacity: 0.54; opacity: 0.54;
font-size: 56px; font-size: 56px;
line-height: 1; line-height: 1;
letter-spacing: -2px; letter-spacing: -2px;
color: #000000; color: #000000;
margin-top: 40px; margin-top: 40px;
word-break: break-all; word-break: break-all;
white-space: pre-line; white-space: pre-line;
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {
font-size: 40px; font-size: 40px;
} }
} }
.adf-empty-list__any-files-here-to-add { .adf-empty-list__any-files-here-to-add {
min-height: 24px; min-height: 24px;
opacity: 0.54; opacity: 0.54;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
letter-spacing: -0.4px; letter-spacing: -0.4px;
color: #000000; color: #000000;
margin-top: 17px; margin-top: 17px;
word-break: break-all; word-break: break-all;
white-space: pre-line; white-space: pre-line;
} }
.adf-empty-list__empty_doc_lib { .adf-empty-list__empty_doc_lib {
width: 565px; width: 565px;
max-width: 100%; max-width: 100%;
height: 161px; height: 161px;
object-fit: contain; object-fit: contain;
margin-top: 17px; margin-top: 17px;
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {
width: 250px; width: 250px;
}
} }
} }

View File

@@ -1,5 +1,8 @@
@import '../process-list/components/process-filters.component'; @import '../process-list/components/process-filters.component';
@import '../attachment/process-attachment-list.component';
@import '../attachment/task-attachment-list.component';
@import '../comments/comment-list.component'; @import '../comments/comment-list.component';
@import '../people/people-search.component'; @import '../people/people-search.component';
@@ -17,4 +20,6 @@
@include adf-task-list-people-theme($theme); @include adf-task-list-people-theme($theme);
@include adf-task-list-filters-task-theme($theme); @include adf-task-list-filters-task-theme($theme);
@include adf-task-list-header-theme($theme); @include adf-task-list-header-theme($theme);
@include adf-process-attachment-list($theme);
@include adf-task-attachment-list($theme);
} }