Sticky footer (#841)

reakaleek · web-flow · commit 20b00730f548 · 2025-03-25T15:30:35.000+01:00
diff --git a/src/Elastic.Markdown/Assets/styles.css b/src/Elastic.Markdown/Assets/styles.css
@@ -232,3 +232,12 @@
 #elastic-nav {
 	min-height: var(--offset-top);
 }
+
+html, body {
+	height: 100%;
+}
+
+body {
+	display: grid;
+	grid-template-rows: auto auto 1fr auto;
+}
diff --git a/src/Elastic.Markdown/Slices/_Layout.cshtml b/src/Elastic.Markdown/Slices/_Layout.cshtml
@@ -24,7 +24,7 @@
 	@functions {
 		private async Task DefaultLayout()
 		{
-			<div class="container grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)*65)_auto] lg:grid-cols-[calc(var(--spacing)*65)_auto_calc(var(--spacing)*50)] px-6">
+			<div class="container h-full grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)*65)_auto] lg:grid-cols-[calc(var(--spacing)*65)_auto_calc(var(--spacing)*50)] px-6">
 				@await RenderPartialAsync(_PagesNav.Create(Model))
 				@await RenderPartialAsync(_TableOfContents.Create(Model))
 				<main id="content-container" class="w-full flex flex-col order-2 relative pb-30 overflow-x-hidden">

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`@functions {`
`25`	`25`	`private async Task DefaultLayout()`
`26`	`26`	`{`
`27`		`- <div class="container grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)65)_auto] lg:grid-cols-[calc(var(--spacing)65)_auto_calc(var(--spacing)*50)] px-6">`
	`27`	`+ <div class="container h-full grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)65)_auto] lg:grid-cols-[calc(var(--spacing)65)_auto_calc(var(--spacing)*50)] px-6">`
`28`	`28`	`@await RenderPartialAsync(_PagesNav.Create(Model))`
`29`	`29`	`@await RenderPartialAsync(_TableOfContents.Create(Model))`
`30`	`30`	`<main id="content-container" class="w-full flex flex-col order-2 relative pb-30 overflow-x-hidden">`