diff --git a/packages/bootstrap/scss/dialog/_theme.scss b/packages/bootstrap/scss/dialog/_theme.scss index 7184aaaf461..ed5d555e794 100644 --- a/packages/bootstrap/scss/dialog/_theme.scss +++ b/packages/bootstrap/scss/dialog/_theme.scss @@ -12,7 +12,7 @@ } // Buttons - .k-dialog-buttongroup { + .k-dialog-actions { border-color: $kendo-window-titlebar-border; } diff --git a/packages/default/scss/dialog/_layout.scss b/packages/default/scss/dialog/_layout.scss index f2206d12566..34e1eeb1c3d 100644 --- a/packages/default/scss/dialog/_layout.scss +++ b/packages/default/scss/dialog/_layout.scss @@ -42,7 +42,7 @@ // Actions - .k-dialog-actions {} + .k-dialog-titlebar-actions {} .k-dialog-action {} @@ -51,7 +51,7 @@ // Buttons - .k-dialog-buttongroup { + .k-dialog-actions { @include border-bottom-radius( $kendo-window-border-radius ); padding: $kendo-dialog-buttongroup-padding-y $kendo-dialog-buttongroup-padding-x; border-width: $kendo-dialog-buttongroup-border-width 0 0; diff --git a/packages/default/scss/scheduler/_theme.scss b/packages/default/scss/scheduler/_theme.scss index 6548a972178..13c997be099 100644 --- a/packages/default/scss/scheduler/_theme.scss +++ b/packages/default/scss/scheduler/_theme.scss @@ -147,7 +147,7 @@ // Edit dialog .k-scheduler-edit-dialog { - .k-dialog-buttongroup { + .k-dialog-actions { border-color: $scheduler-border; } } diff --git a/packages/fluent/scss/dialog/_layout.scss b/packages/fluent/scss/dialog/_layout.scss index b13aaac52c4..07a17c462a0 100644 --- a/packages/fluent/scss/dialog/_layout.scss +++ b/packages/fluent/scss/dialog/_layout.scss @@ -49,7 +49,7 @@ } // Buttons - .k-dialog-buttongroup { + .k-dialog-actions { @include border-bottom-radius( var( --kendo-window-border-radius, #{$kendo-window-border-radius} ) ); padding-inline: var( --kendo-dialog-buttongroup-padding-x, #{$kendo-dialog-buttongroup-padding-x} ); padding-block: var( --kendo-dialog-buttongroup-padding-y, #{$kendo-dialog-buttongroup-padding-y} ); @@ -64,7 +64,7 @@ overflow: hidden; } - .k-dialog-content + .k-dialog-buttongroup { + .k-dialog-content + .k-dialog-actions { padding-block-start: 0; } diff --git a/packages/fluent/scss/dialog/_variables.scss b/packages/fluent/scss/dialog/_variables.scss index e4687d9a7c2..cf496725ec2 100644 --- a/packages/fluent/scss/dialog/_variables.scss +++ b/packages/fluent/scss/dialog/_variables.scss @@ -24,6 +24,13 @@ $kendo-dialog-titlebar-padding-x: map-get( $kendo-spacing, 6 ) !default; /// @group dialog $kendo-dialog-titlebar-padding-y: map-get( $kendo-spacing, 4 ) !default; +/// Horizontal padding of the content of the dialog. +/// @group dialog +$kendo-dialog-inner-padding-x: map-get( $kendo-spacing, 6 ) !default; +/// Vertical padding of the content of the dialog. +/// @group dialog +$kendo-dialog-inner-padding-y: map-get( $kendo-spacing, 3 ) !default; + /// Horizontal padding of the dialog action buttons. /// @group dialog $kendo-dialog-buttongroup-padding-x: map-get( $kendo-spacing, 6 ) !default; // $actions-padding-x diff --git a/packages/fluent/scss/scheduler/_theme.scss b/packages/fluent/scss/scheduler/_theme.scss index 2eaee786de4..c019c519446 100644 --- a/packages/fluent/scss/scheduler/_theme.scss +++ b/packages/fluent/scss/scheduler/_theme.scss @@ -153,7 +153,7 @@ // Edit dialog .k-scheduler-edit-dialog { - .k-dialog-buttongroup { + .k-dialog-actions { border-color: var( --kendo-scheduler-border, #{$kendo-scheduler-border} ); } } diff --git a/packages/material/scss/dialog/_theme.scss b/packages/material/scss/dialog/_theme.scss index 2128312fe1c..24605d6c0a4 100644 --- a/packages/material/scss/dialog/_theme.scss +++ b/packages/material/scss/dialog/_theme.scss @@ -18,7 +18,4 @@ } - // Button group - .k-dialog-buttongroup {} - }