Add top-padding for the Dialog Body to move closer to the React compo…

…nent and avoid it being glued to the divider
primer · Aug 30, 2024 · d3e7ec9 · d3e7ec9
1 parent 6348ede
commit d3e7ec9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/.changeset/slow-impalas-relate.md b/.changeset/slow-impalas-relate.md
@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Add top spacing to Dialog::Body to avoid it being glued to the divider
diff --git a/app/components/primer/alpha/dialog.pcss b/app/components/primer/alpha/dialog.pcss
@@ -207,10 +207,6 @@ dialog.Overlay:not([open]) {
   &.Overlay-header--divided {
     padding-bottom: var(--stack-padding-condensed);
     box-shadow: inset 0 calc(var(--borderWidth-thin) * -1) var(--borderColor-default);
-
-    & + .Overlay-body {
-      padding-top: var(--stack-padding-normal);
-    }
   }
 
   &.Overlay-header--large {
@@ -272,7 +268,6 @@ dialog.Overlay:not([open]) {
 /* generic body content slot */
 .Overlay-body {
   padding: var(--stack-padding-normal);
-  padding-top: 0;
   overflow-y: auto;
   scrollbar-width: thin;
   font-size: var(--text-body-size-medium);