inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix assorted styles for files in different breakpoints (#3132)

Browse Source
This commit is contained in:
Popovics András 2018-03-29 11:50:15 +01:00 committed by Eugenio Romano
parent ed48994e67
commit 00b04d53dd
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app/components/app-layout/app-layout.component.html
View File

@ -1,5 +1,5 @@
<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="600" [hideSidenav]="false" [expandedSidenav]="false"> <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false" [expandedSidenav]="false">
<adf-sidenav-layout-header> <adf-sidenav-layout-header>
<ng-template let-toggleMenu="toggleMenu"> <ng-template let-toggleMenu="toggleMenu">

26
demo-shell/src/app/components/files/files.component.scss
View File

@ -1,5 +1,5 @@
@mixin adf-file-component-theme($theme) { @mixin adf-file-component-theme($theme) {
$minimumDocumentListWidth: 425px; $minimumDocumentListWidth: 900px;
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
.container { .container {
@ -137,11 +137,19 @@
} }
} }
@media (max-width: $minimumDocumentListWidth) { @media (max-device-width: $minimumDocumentListWidth) {
adf-document-list ::ng-deep adf-datatable { adf-document-list .adf-data-table {
& ::ng-deep .adf-data-table-cell--fileSize { .adf-data-table-cell,
.adf-datatable-table-cell-header {
display: none; display: none;
} }
.adf-data-table-cell:first-child,
.adf-datatable-table-cell-header:first-child,
.adf-data-table-cell:nth-child(2),
.adf-datatable-table-cell-header:nth-child(2) {
display: table-cell;
}
} }
.adf-site-container-style { .adf-site-container-style {
@ -161,4 +169,14 @@
} }
} }
} }
@media (max-device-width: 1024px) {
adf-document-list .adf-data-table {
.adf-data-table-cell:nth-child(4),
.adf-datatable-table-cell-header:nth-child(4) {
display: none;
}
}
}
} }