fix(styles): fix spacing between PanelHeading and PanelContent (#1064)

dequelabs · May 4, 2023 · abdecaa · abdecaa
1 parent 7637a80
commit abdecaa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/docs/pages/components/Panel.mdx b/docs/pages/components/Panel.mdx
@@ -57,8 +57,8 @@ In addition to using the `heading` prop, you can also compose the `Panel` compon
 `PanelContent` components.
 
 <Note>
-  The `PanelHeader` and `PanelContent` should not be used with the `Panel`
-  heading prop at the same time. Choose one or the other.
+  The `PanelHeader` should not be used with the Panel
+  `heading` prop at the same time. Choose one or the other.
 </Note>
 
 ```jsx example

diff --git a/packages/styles/panel.css b/packages/styles/panel.css
@@ -39,6 +39,10 @@
     var(--space-small) calc(var(--panel-padding) * -1);
 }
 
+.Panel__Heading + .Panel__Content {
+  margin-top: calc(var(--panel-padding) * -1);
+}
+
 .Panel__Header {
   margin: calc(var(--panel-padding) * -1) calc(var(--panel-padding) * -1) 0
     calc(var(--panel-padding) * -1);