(fuse/confirmation) Fixed: Dialog size cannot be updated using dialogRef's "updateSize" method

This commit is contained in:
sercan 2021-08-04 09:54:35 +03:00
parent d44c004d01
commit f6bf0fb5d3
3 changed files with 18 additions and 3 deletions

View File

@ -51,7 +51,8 @@ export class FuseConfirmationService
return this._matDialog.open(FuseConfirmationDialogComponent, { return this._matDialog.open(FuseConfirmationDialogComponent, {
autoFocus : false, autoFocus : false,
disableClose: !userConfig.dismissible, disableClose: !userConfig.dismissible,
data : userConfig data : userConfig,
panelClass : 'fuse-confirmation-dialog-panel'
}); });
} }
} }

View File

@ -1,4 +1,4 @@
<div class="relative flex flex-col md:w-128 -m-6"> <div class="relative flex flex-col w-full h-full">
<!-- Dismiss button --> <!-- Dismiss button -->
<ng-container *ngIf="data.dismissible"> <ng-container *ngIf="data.dismissible">
@ -14,7 +14,7 @@
</ng-container> </ng-container>
<!-- Content --> <!-- Content -->
<div class="flex flex-col sm:flex-row items-center sm:items-start p-8 pb-6 sm:pb-8"> <div class="flex flex-col sm:flex-row flex-auto items-center sm:items-start p-8 pb-6 sm:pb-8">
<!-- Icon --> <!-- Icon -->
<ng-container *ngIf="data.icon.show"> <ng-container *ngIf="data.icon.show">

View File

@ -5,6 +5,20 @@ import { FuseConfirmationConfig } from '@fuse/services/confirmation/confirmation
@Component({ @Component({
selector : 'fuse-confirmation-dialog', selector : 'fuse-confirmation-dialog',
templateUrl : './dialog.component.html', templateUrl : './dialog.component.html',
styles : [
/* language=SCSS */
`
.fuse-confirmation-dialog-panel {
@screen md {
@apply w-128;
}
.mat-dialog-container {
padding: 0 !important;
}
}
`
],
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class FuseConfirmationDialogComponent implements OnInit export class FuseConfirmationDialogComponent implements OnInit