fix: Update the dialog content container to 100% height when full-height is used so that consumers can use relative height on their content. (#4956)

dbatiste · web-flow · commit 6b6755c3a57e · 2024-09-05T16:06:13.000-04:00
diff --git a/components/dialog/dialog-styles.js b/components/dialog/dialog-styles.js
@@ -136,6 +136,11 @@ export const dialogStyles = css`
 		position: relative; /* make this the positioned parent for absolute positioned elements like d2l-template-primary-secondary */
 	}
 
+	:host([full-height]) .d2l-dialog-content > div {
+		box-sizing: border-box;
+		height: 100%;
+	}
+
 	.d2l-dialog-outer-scroll .d2l-dialog-content {
 		overflow: auto;
 	}

Original file line number	Diff line number	Diff line change
@@ -136,6 +136,11 @@ export const dialogStyles = css`
`136`	`136`	`position: relative; /* make this the positioned parent for absolute positioned elements like d2l-template-primary-secondary */`
`137`	`137`	`}`
`138`	`138`
	`139`	`+ :host([full-height]) .d2l-dialog-content > div {`
	`140`	`+ box-sizing: border-box;`
	`141`	`+ height: 100%;`
	`142`	`+ }`
	`143`	`+`
`139`	`144`	`.d2l-dialog-outer-scroll .d2l-dialog-content {`
`140`	`145`	`overflow: auto;`
`141`	`146`	`}`