Skip to content

Commit

Permalink
Add top-padding for the Dialog Body to move closer to the React compo…
Browse files Browse the repository at this point in the history
…nent and avoid it being glued to the divider
  • Loading branch information
HDinger committed Nov 18, 2024
1 parent fd3578b commit 353ce46
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
5 changes: 5 additions & 0 deletions .changeset/slow-impalas-relate.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@primer/view-components': patch
---

Add top spacing to Dialog::Body to avoid it being glued to the divider
5 changes: 0 additions & 5 deletions app/components/primer/alpha/dialog.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -231,10 +231,6 @@ dialog.Overlay:not([open]) {
padding-bottom: var(--stack-padding-condensed);
/* stylelint-disable-next-line primer/box-shadow */
box-shadow: inset 0 calc(var(--borderWidth-thin) * -1) var(--borderColor-default);

& + .Overlay-body {
padding-top: var(--stack-padding-normal);
}
}

&.Overlay-header--large {
Expand Down Expand Up @@ -296,7 +292,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);
Expand Down

0 comments on commit 353ce46

Please sign in to comment.