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

#263 improve responsiveness

Browse Source
This commit is contained in:
Mario Romano
2016-06-23 14:39:42 +01:00
parent 4a5a2626e3
commit 52509c5692
2 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
View File

@@ -66,13 +66,15 @@ import {
</content-column> </content-column>
<content-column <content-column
title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}" title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}"
source="createdByUser.displayName"> source="createdByUser.displayName"
class="desktop-only">
</content-column> </content-column>
<content-column <content-column
title="{{'DOCUMENT_LIST.COLUMNS.CREATED_ON' | translate}}" title="{{'DOCUMENT_LIST.COLUMNS.CREATED_ON' | translate}}"
source="createdAt" source="createdAt"
type="date" type="date"
format="medium"> format="medium"
class="desktop-only">
</content-column> </content-column>
</content-columns> </content-columns>
<content-actions> <content-actions>
@@ -154,7 +156,7 @@ class DocumentListDemo implements OnInit {
currentPath: string = '/'; currentPath: string = '/';
authenticated: boolean; authenticated: boolean;
public host: string = 'http://devproducts-platform.alfresco.me'; public host: string = 'http://192.168.99.100:8080/';
token: string; token: string;

28
ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
View File

@@ -84,3 +84,31 @@
height: 0; height: 0;
display: block; display: block;
} }
/* small desktop */
@media all and (max-width: 1200px) {}
/* tablet */
@media all and (max-width: 1024px) {}
/* mobile phone */
@media all and (max-width: 768px) {
:host th.desktop-only .cell-value {
display: none;
}
:host td.desktop-only .cell-value {
display: none;
}
}
@media (max-device-width: 768px){
:host th.desktop-only .cell-value {
display: none;
}
:host td.desktop-only .cell-value {
display: none;
}
}