Skip to content

Commit

Permalink
[core] fix(MultiStepDialog): dark theme border styles (#5352)
Browse files Browse the repository at this point in the history
  • Loading branch information
@adidahiya
adidahiya authored Jun 3, 2022
1 parent 6ca55d9 commit 7ea317e
Showing 1 changed file with 9 additions and 3 deletions.
12 changes: 9 additions & 3 deletions packages/core/src/components/dialog/_multistep-dialog.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,9 @@ $step-radius: $pt-border-radius * 2 !default;

.#{$ns}-dark & {
background: $dark-gray2;
border-bottom: 1px solid $pt-dark-divider-white;
border-bottom-left-radius: $dialog-border-radius;
border-left: 1px solid $pt-dark-divider-white;
}
}

Expand All @@ -117,7 +120,10 @@ $step-radius: $pt-border-radius * 2 !default;

.#{$ns}-dark & {
background-color: $dark-gray3;
border-left: 1px solid $pt-dark-divider-black;
border-bottom: 1px solid $pt-dark-divider-white;
border-bottom-right-radius: $dialog-border-radius;
border-left: 1px solid $pt-dark-divider-white;
border-right: 1px solid $pt-dark-divider-white;
}
}

Expand All @@ -131,7 +137,7 @@ $step-radius: $pt-border-radius * 2 !default;

.#{$ns}-dark & {
background: $dark-gray4;
border-top: 1px solid $pt-dark-divider-black;
border-top: 1px solid $pt-dark-divider-white;
}

.#{$ns}-dialog-footer-actions {
Expand All @@ -145,7 +151,7 @@ $step-radius: $pt-border-radius * 2 !default;

.#{$ns}-dark & {
background: $dark-gray3;
border-bottom: 1px solid $pt-dark-divider-black;
border-bottom: 1px solid $pt-dark-divider-white;
}

&.#{$ns}-dialog-step-viewed {
Expand Down

1 comment on commit 7ea317e

@blueprint-bot
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[core] fix(MultiStepDialog): dark theme border styles (#5352)

Previews: documentation | landing | table | demo

Please sign in to comment.