fix(modal): add bottom margin without cds-modal-actions

fixes #174
vmware-clarity · Oct 5, 2022 · 713f763 · 713f763
1 parent fed0d13
commit 713f763
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/projects/core/src/modal/modal.element.ts b/projects/core/src/modal/modal.element.ts
@@ -94,7 +94,7 @@ export class CdsModal extends CdsInternalOverlay {
 
   private get modalFooterTemplate(): TemplateResult {
     if (this.modalFooter) {
-      return html`<div cds-layout="align-stretch p-x:lg p-b:lg">
+      return html`<div cds-layout="align-stretch p-x:lg">
         <slot name="modal-actions"></slot>
       </div>`;
     } else {
@@ -110,8 +110,8 @@ export class CdsModal extends CdsInternalOverlay {
       ${this.backdropTemplate}
       <div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl">
         <div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div>
-        <div class="modal-content" cds-layout="vertical gap:sm gap@md:lg align:stretch">
-          <div cds-layout="horizontal gap:sm wrap:none align:vertical-center p-x:lg p-t:lg">
+        <div class="modal-content" cds-layout="vertical gap:sm gap@md:lg align:stretch p-y:lg">
+          <div cds-layout="horizontal gap:sm wrap:none align:vertical-center p-x:lg">
             <div>
               <slot name="modal-header"></slot>
             </div>

diff --git a/projects/core/src/modal/modal.stories.ts b/projects/core/src/modal/modal.stories.ts
@@ -180,7 +180,6 @@ export function headerActions() {
       <cds-modal-content>
         <p cds-text="body">Place holder text for the header actions modal example.</p>
       </cds-modal-content>
-      <cds-modal-actions></cds-modal-actions>
     </cds-modal>
   </cds-demo>`;
 }