scottyaslan commented on code in PR #8535:
URL: https://github.com/apache/nifi/pull/8535#discussion_r1542102631
##########
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/state/flow/flow.effects.ts:
##########
@@ -2189,11 +2190,12 @@ export class FlowEffects {
ofType(FlowActions.showOkDialog),
tap((request) => {
this.dialog.open(OkDialog, {
+ ...MEDIUM_DIALOG,
+ maxWidth: '24rem',
Review Comment:
The approach I tried to take in regards to the dialog widths was to keep as
much parody with the current dialog widths as possible but to use the
mat-dialog API to set the dialog sizes and not using the dialog content widths
to determine the dialog width.
One thing to note here: The tailwind css `.max-w-sm` sets the max-width:
24rem; and the `.w-96` sets width: 24rem;.
So when I started looking throughout the nifi application I noticed that the
SMALL_DIALOG size was used almost exclusively for the YesNoDialog use cases. If
you look in the template for the YesNoDialog you will see that I removed the
`.max-w-sm` class from the template. Instead now the SMALL_DIALOG config sets
the maxWidth: '24rem'.
There were three remaining dialogs (other than YesNoDialogs) that used the
SMALL_DIALOG size. The OverridePolicyDialog, CreatePortDialog, and
AddPropertyDialog. For the OverridePolicayDialog the
override-policy-dialog.component.html template set a `.w-96` which as we noted
above sets a width: 24rem;. This is effectively the same thing as using the
`.max-w-sm` class and so we simply can use the SMALL_DIALOG size config for the
OverridePolicyDialog. For the other two SMALL_DIALOG's (CreatePortDialog and
the AddPropertyDialog) the maxWidth: '24rem' works really well so I left them
as SMALL_DIALOG.
The last place we had a width set by a tailwind style in an dialog component
template was in the OkDialog where `.max-w-sm` was setting a max-width: 24rem.
But not all OkDialogs are the same size. Some OkDialog are SMALL_DIALOG and
some OkDialog are MEDIUM_DIALOG. So in order that the OkDialog use cases to
have parody the OkDialogs need to receive their initial size config from a
SMALL_DIALOG or a MEDIUM_DIALOG config but all OkDialogs must also override
their `maxWidth: '24rem'` to account for the removal of the `.max-w-sm` from
the OkDialog template.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
