diff --git a/projects/core/components/dialog/dialog.interfaces.ts b/projects/core/components/dialog/dialog.interfaces.ts index d0a0692ac9de..909e044601b2 100644 --- a/projects/core/components/dialog/dialog.interfaces.ts +++ b/projects/core/components/dialog/dialog.interfaces.ts @@ -19,6 +19,9 @@ export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page' */ export interface TuiDialogOptions { readonly appearance: string; + /** + * TODO: rename to closable in v5.0 + */ readonly closeable: Observable | boolean; readonly data: I extends void ? undefined : I & {button?: string}; readonly dismissible: Observable | boolean; diff --git a/projects/core/components/dialog/dialog.style.less b/projects/core/components/dialog/dialog.style.less index db6e96e3d03b..4cbef349e3ae 100644 --- a/projects/core/components/dialog/dialog.style.less +++ b/projects/core/components/dialog/dialog.style.less @@ -97,10 +97,13 @@ .t-heading { margin: 0 0 0.5rem; - padding-inline-end: 2rem; overflow-wrap: break-word; font: var(--tui-font-heading-4); + &_closable { + padding-inline-end: 2rem; + } + &:empty { display: none; } diff --git a/projects/core/components/dialog/dialog.template.html b/projects/core/components/dialog/dialog.template.html index a6043da67126..375e46c14bcf 100644 --- a/projects/core/components/dialog/dialog.template.html +++ b/projects/core/components/dialog/dialog.template.html @@ -9,6 +9,7 @@