fix: add helper class to popover footer when it is hidden

josias-r · Nov 24, 2022 · 5050857 · 5050857
1 parent f94455c
commit 5050857
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/lib/common/constants.ts b/src/lib/common/constants.ts
@@ -16,6 +16,7 @@ export const CLASS_POPOVER_TIP = "boarding-popover-tip";
 const CLASS_POPOVER_TITLE = "boarding-popover-title";
 const CLASS_POPOVER_DESCRIPTION = "boarding-popover-description";
 const CLASS_POPOVER_FOOTER = "boarding-popover-footer";
+export const CLASS_POPOVER_FOOTER_HIDDEN = "boarding-popover-footer-hidden";
 const CLASS_CLOSE_BTN = "boarding-close-btn";
 const CLASS_NEXT_STEP_BTN = "boarding-next-btn";
 const CLASS_PREV_STEP_BTN = "boarding-prev-btn";

diff --git a/src/lib/core/popover.ts b/src/lib/core/popover.ts
@@ -2,6 +2,7 @@ import { BoardingSharedOptions } from "../boarding-types";
 import {
   CLASS_BTN_DISABLED,
   CLASS_CLOSE_ONLY_BTN,
+  CLASS_POPOVER_FOOTER_HIDDEN,
   ID_POPOVER,
   POPOVER_ELEMENT,
   POPOVER_OFFSET,
@@ -325,6 +326,7 @@ export default class Popover {
 
     // If there was only one item, hide the buttons
     if (!this.options.showButtons) {
+      this.popover.popoverFooter.classList.add(CLASS_POPOVER_FOOTER_HIDDEN);
       this.popover.popoverFooter.style.display = "none";
       return;
     }