fix(tabs): move panel padding to host (#1345)

* fix(tabs): move padding to host * chore(tabs): add changeset * chore(tabs): update changeset * docs(tabs): add base theme demo * docs(tabs): revert adding demo, add in seperate branch * docs(tabs): try again, revert adding base theme demo * fix(tabs): revert change on vertical margin --------- Co-authored-by: Benny Powers - עם ישראל חי! <bennypowers@users.noreply.github.com>
RedHat-UX · Nov 27, 2023 · c9b8187 · c9b8187
1 parent 90c0ca4
commit c9b8187
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/funny-brooms-sell.md b/.changeset/funny-brooms-sell.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-tabs-panel>`: adds ability to override panel margin and padding
diff --git a/elements/rh-tabs/rh-tab-panel.css b/elements/rh-tabs/rh-tab-panel.css
@@ -1,9 +1,9 @@
-#rhds-container {
+:host {
   display: block;
   padding: var(--rh-space-2xl, 32px);
 }
 
-:host([box="inset"]) #rhds-container {
+:host([box="inset"]) {
   padding-inline: var(--_panels-overflow-padding, var(--rh-space-4xl, 64px));
 }
 
@@ -16,7 +16,7 @@
     margin-inline: 0;
   }
 
-  :host([box][vertical]) #rhds-container {
+  :host([box][vertical]) {
     padding: var(--rh-space-3xl, 48px);
   }
 }