-
Notifications
You must be signed in to change notification settings - Fork 52
tweak: enhance delete confirm dialog #318
base: master
Are you sure you want to change the base?
tweak: enhance delete confirm dialog #318
Conversation
.actions{ | ||
display: flex; | ||
flex-direction: row; | ||
justify-content: space-around; | ||
} | ||
|
||
.form-field--full-width{ | ||
width: 100%; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actually these are a bit redundant as we can use bootstrap utility classes flex-row justify-content-around
and w-100
for this purpose
@Component({ | ||
selector: 'wt-confirm-delete-dialog', | ||
templateUrl: './confirm-delete-dialog.component.html', | ||
styleUrls: ['./confirm-delete-dialog.component.scss'] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh and I missed setting change detection to OnPush
(I usually have it configured as the default strategy)
maxWidth: '90%', | ||
width: '300px', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These could also be provided as default using the MAT_DIALOG_DEFAULT_OPTIONS
DI token if needed & specified by the design system, allowing for less boilerplate.
Uses Angular Material's dialog to prompt user for entering workflow name & confirm delete action.