cleanup stories so they arent cut off.

Esri · Dec 18, 2024 · af5fcd5 · af5fcd5
1 parent 43912e5
commit af5fcd5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/packages/calcite-components/src/components/popover/popover.stories.ts b/packages/calcite-components/src/components/popover/popover.stories.ts
@@ -124,18 +124,20 @@ export const flipPlacements_TestOnly = (): string => html`
 `;
 
 export const scaleConsistencyPopoverHeadingActionSlottedIcon_TestOnly = (): string => html`
-  <div style="width: 400px; height:400px;">
-    ${referenceElementHTML}
-    <calcite-popover
-      heading="Dreams didn't make us kings. Dragons did. 🐉"
-      reference-element="reference-element"
-      placement="auto"
-      open
-      closable
-      scale="m"
-    >
-      ${contentHTML}
-    </calcite-popover>
+  <div style="width: 800px; height:800px;">
+    <div style="width: 400px;">
+      ${referenceElementHTML}
+      <calcite-popover
+        heading="Dreams didn't make us kings. Dragons did. 🐉"
+        reference-element="reference-element"
+        placement="auto"
+        open
+        closable
+        scale="m"
+      >
+        ${contentHTML}
+      </calcite-popover>
+    </div>
   </div>
 `;
 

diff --git a/packages/calcite-components/src/components/tooltip/tooltip.stories.ts b/packages/calcite-components/src/components/tooltip/tooltip.stories.ts
@@ -75,11 +75,13 @@ export const darkModeRTL_TestOnly = (): string => html`
 darkModeRTL_TestOnly.parameters = { themes: modesDarkDefault };
 
 export const rightAligned_TestOnly = (): string =>
-  html`<div style="text-align: right; width: 600px; height: 600px;">
-    <a href="#" id="tooltip-button">Hover for Tooltip</a>
-    <calcite-tooltip open reference-element="tooltip-button">
-      <span>Tooltip content lorem ipsum</span>
-    </calcite-tooltip>
+  html`<div style="width:800px; height:800px;">
+    <div style="text-align: right; width: 600px;">
+      <a href="#" id="tooltip-button">Hover for Tooltip</a>
+      <calcite-tooltip open reference-element="tooltip-button">
+        <span>Tooltip content lorem ipsum</span>
+      </calcite-tooltip>
+    </div>
   </div>`;
 
 export const transparentBG_TestOnly = (): string => html`