From 8ea4191512827e17e198acf70996da2715de49c4 Mon Sep 17 00:00:00 2001 From: didimmova Date: Tue, 20 Feb 2024 14:31:07 +0200 Subject: [PATCH 1/2] feat(dialog): update indigo dialog paddings --- .../core/styles/components/dialog/_dialog-theme.scss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss index 4d0faa93dc8..00c7ed67ad2 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss @@ -99,21 +99,21 @@ material: rem(24px) rem(24px) rem(12px) rem(24px), fluent: rem(16px) rem(24px) rem(24px) rem(24px), bootstrap: rem(16px), - indigo-design: rem(16px) rem(24px), + indigo-design: rem(24px) rem(24px) 0 rem(24px), ), $variant); $dialog-message-padding: map.get(( material: rem(12px) rem(24px), fluent: 0 rem(24px) rem(20px) rem(24px), bootstrap: rem(16px), - indigo-design: 0 rem(24px) rem(8px) rem(24px), + indigo-design: rem(16px) rem(24px), ), $variant); $dialog-actions-padding: map.get(( material: rem(8px), fluent: 0 rem(24px) rem(24px) rem(24px), bootstrap: rem(16px), - indigo-design: rem(8px), + indigo-design: rem(16px) rem(24px) rem(24px) rem(24px), ), $variant); %igx-dialog-display { @@ -188,6 +188,12 @@ button + button { margin-inline-start: rem(8px); } + + @if $variant == 'indigo-design' { + button + button { + margin-inline-start: rem(16px); + } + } } } From d699afd6cb4b3849208a1de1464697de573eb22c Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 21 Feb 2024 11:51:33 +0200 Subject: [PATCH 2/2] typography(dialog): update title font styles --- .../src/lib/core/styles/typography/_indigo.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/typography/_indigo.scss b/projects/igniteui-angular/src/lib/core/styles/typography/_indigo.scss index cdf309fd5fc..afab84899de 100644 --- a/projects/igniteui-angular/src/lib/core/styles/typography/_indigo.scss +++ b/projects/igniteui-angular/src/lib/core/styles/typography/_indigo.scss @@ -40,7 +40,9 @@ @include chip-typography(); @include column-actions-typography(); @include date-range-typography(); - @include dialog-typography(); + @include dialog-typography($categories: ( + title: 'h5', + )); @include dock-manager-typography(); @include drop-down-typography(); @include expansion-panel-typography($categories: (