inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1725] added responsive layout for task details and infodrawer (#2516)

Browse Source
This commit is contained in:
Vito
2017-10-20 16:42:23 +01:00
committed by Eugenio Romano
parent f9fc76a3ce
commit 6b20c89b6d
4 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
+4 -1
View File
@@ -19,7 +19,10 @@
</div>
</div>
<div class="adf-task-details-core">
<div class="adf-task-details-core"
fxLayout
fxLayout.lt-lg="column"
fxLayoutGap.lt-lg="0px">
<div class="adf-task-details-core-form">
<div *ngIf="isAssigned()">
ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
+4
View File
@@ -65,6 +65,10 @@ adf-task-header.assign-edit-view ::ng-deep adf-card-view ::ng-deep .adf-property
&-sidebar {
&-drawer {
margin-left: 10px;
@media screen and (max-width: 1279px) {
margin-left: 0px;
}
}
&-checklist {
ng2-components/ng2-alfresco-core/src/components/info-drawer/info-drawer-layout.component.scss
+2 -2
View File
@@ -3,7 +3,7 @@
.adf {
&-info-drawer-layout {
width: 350px;
width: 100%;
display: block;
padding: 8px 0;
background-color: mat-color($background, dialog);
@@ -36,4 +36,4 @@
}
}
}
}
}
ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
+1 -4
View File
@@ -35,11 +35,11 @@
flex-wrap: wrap;
padding-bottom: 24px;
padding-top: 8px;
justify-content: space-between;
}
&__range-block.adf-pagination__block:first-child {
order: 1;
width: 50%;
flex: 0 0 auto;
box-sizing: border-box;
padding-left: 16px;
@@ -48,7 +48,6 @@
&__perpage-block {
order: 3;
width: 50%;
box-sizing: border-box;
padding-left: 16px;
justify-content: flex-start;
@@ -56,7 +55,6 @@
&__actualinfo-block {
order: 2;
width: 50%;
box-sizing: border-box;
padding-right: 16px;
justify-content: flex-end;
@@ -64,7 +62,6 @@
&__controls-block {
order: 4;
width: 50%;
box-sizing: border-box;
padding-right: 16px;
justify-content: flex-end;