mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
AAE-22043 Fix long form flow outside container (#10265)
* AAE-22043 Fix long form flow outside container * AAE-22043 Fix unit test
This commit is contained in:
@@ -36,7 +36,11 @@
|
|||||||
</button>
|
</button>
|
||||||
</adf-toolbar>
|
</adf-toolbar>
|
||||||
|
|
||||||
<mat-card appearance="outlined" [class.adf-cloud-form-content-card]="displayConfiguration?.options?.fullscreen">
|
<mat-card
|
||||||
|
appearance="outlined"
|
||||||
|
class="adf-cloud-form-content-card"
|
||||||
|
[class.adf-cloud-form-content-card-fullscreen]="displayMode === 'fullScreen'"
|
||||||
|
>
|
||||||
<div class="adf-cloud-form-content-card-container">
|
<div class="adf-cloud-form-content-card-container">
|
||||||
<mat-card-header *ngIf="showTitle || showRefreshButton || showValidationIcon">
|
<mat-card-header *ngIf="showTitle || showRefreshButton || showValidationIcon">
|
||||||
<mat-card-title>
|
<mat-card-title>
|
||||||
|
@@ -67,6 +67,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-content-card {
|
&-content-card {
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
&-fullscreen {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -82,6 +85,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&-sidebars {
|
&-sidebars {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@@ -1319,7 +1319,7 @@ describe('FormCloudComponent', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('should not set the styles for the card', () => {
|
it('should not set the styles for the card', () => {
|
||||||
const fullScreenCard = fixture.debugElement.query(By.css('.adf-cloud-form-content-card'));
|
const fullScreenCard = fixture.debugElement.query(By.css('.adf-cloud-form-content-card-fullscreen'));
|
||||||
expect(fullScreenCard).toBeNull();
|
expect(fullScreenCard).toBeNull();
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -1405,7 +1405,7 @@ describe('FormCloudComponent', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('should set the styles for the card', () => {
|
it('should set the styles for the card', () => {
|
||||||
const fullScreenCard = fixture.debugElement.query(By.css('.adf-cloud-form-content-card'));
|
const fullScreenCard = fixture.debugElement.query(By.css('.adf-cloud-form-content-card-fullscreen'));
|
||||||
expect(fullScreenCard).not.toBeNull();
|
expect(fullScreenCard).not.toBeNull();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user