diff --git a/.changeset/stale-drinks-arrive.md b/.changeset/stale-drinks-arrive.md new file mode 100644 index 0000000000..07c3c2f114 --- /dev/null +++ b/.changeset/stale-drinks-arrive.md @@ -0,0 +1,6 @@ +--- +"@primer/css": patch +--- + +Increase specificy for Overlay styles as they relate to the backdrop and positioning options +- If a Dialog opens a second Dialog, each Dialog properties should be contained to its own scope diff --git a/src/overlay/overlay.scss b/src/overlay/overlay.scss index 43861487e5..702ba1af2b 100644 --- a/src/overlay/overlay.scss +++ b/src/overlay/overlay.scss @@ -345,7 +345,7 @@ $primer-borderRadius-large: 0.75rem; align-items: center; justify-content: left; - .Overlay#{$responsiveVariant} { + > .Overlay#{$responsiveVariant} { height: 100vh; max-height: unset; border-radius: $primer-borderRadius-large; @@ -362,7 +362,7 @@ $primer-borderRadius-large: 0.75rem; align-items: center; justify-content: right; - .Overlay#{$responsiveVariant} { + > .Overlay#{$responsiveVariant} { height: 100vh; max-height: unset; border-radius: $primer-borderRadius-large; @@ -379,7 +379,7 @@ $primer-borderRadius-large: 0.75rem; align-items: end; justify-content: center; - .Overlay#{$responsiveVariant} { + > .Overlay#{$responsiveVariant} { width: 100vw; height: auto; max-height: calc(100vh - 2rem); @@ -397,7 +397,7 @@ $primer-borderRadius-large: 0.75rem; align-items: start; justify-content: center; - .Overlay#{$responsiveVariant} { + > .Overlay#{$responsiveVariant} { border-radius: $primer-borderRadius-large; border-top-left-radius: 0; border-top-right-radius: 0;