chore: increase iframe height in docs

Signed-off-by: Akshat Patel <akshat@live.ca>

Author: Akshat55

.storybook/preview.scss

@@ -6,6 +6,14 @@ html {
 	@include styles.theme(styles.$white);
 }
 
+.innerZoomElementWrapper {
+	min-width: 55rem;
+}
+
+.docblock-argstable {
+	margin-bottom: 10rem;
+}
+
 /*
  * Story batch styling, we are wrapping the storybook decorator function to ensure
  * styles do not leak to other components

src/context-menu/context-menu.stories.ts

@@ -34,6 +34,13 @@ export default {
 		ContextMenuDividerComponent,
 		ContextMenuItemComponent,
 		ContextMenuGroupComponent
+	},
+	parameters: {
+		docs: {
+			story: {
+				height: "25rem"
+			}
+		}
 	}
 } as Meta;
 

src/popover/popover.stories.ts

@@ -15,6 +15,12 @@ export default {
 		})
 	],
 	parameters: {
+		docs: {
+			story: {
+				inline: false,
+				height: "15rem"
+			}
+		},
 		layout: "centered"
 	},
 	component: PopoverContainer,

src/toggletip/toggletip.stories.ts

@@ -24,6 +24,12 @@ export default {
 		})
 	],
 	parameters: {
+		docs: {
+			story: {
+				inline: false,
+				height: "30rem"
+			}
+		},
 		layout: "centered"
 	},
 	component: Toggletip,

src/tooltip/definition-tooptip.stories.ts

@@ -11,7 +11,12 @@ export default {
 		})
 	],
 	parameters: {
-		layout: "centered"
+		docs: {
+			story: {
+				inline: false,
+				iframeHeight: "18rem"
+			}
+		}
 	},
 	component: TooltipDefinition
 } as Meta;

src/tooltip/tooltip.stories.ts

@@ -45,6 +45,12 @@ export default {
 		}
 	},
 	parameters: {
+		docs: {
+			story: {
+				inline: false,
+				iframeHeight: "18rem"
+			}
+		},
 		layout: "centered"
 	},
 	component: Tooltip

src/ui-shell/ui-shell.stories.ts

@@ -48,6 +48,13 @@ export default {
 			options: ["white", "g10", "g90", "g100"],
 			control: "radio"
 		}
+	},
+	parameters: {
+		docs: {
+			story: {
+				height: "30rem"
+			}
+		}
 	}
 } as Meta;
 
@@ -342,7 +349,7 @@ const TogetherTemplate = (args) => ({
 					</cds-header-action>
 				</cds-header-global>
 			</cds-header>
-			<cds-sidenav [expanded]="active">
+			<cds-sidenav [expanded]="active" style="margin-top: 3rem">
 				<cds-sidenav-item>
 					<svg cdsIcon="fade" size="16"></svg>
 					Link
@@ -486,7 +493,7 @@ const ModelTemplate = (args) => ({
 					</cds-header-action>
 				</cds-header-global>
 			</cds-header>
-			<cds-sidenav [navigationItems]="headerItems">
+			<cds-sidenav [navigationItems]="headerItems" style="margin-top: 3rem">
 				<cds-sidenav-menu title="Category title">
 					<svg icon width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true">
 						<path