From 7a66318a73bbd5993355a6be6525ea85201c79ac Mon Sep 17 00:00:00 2001
From: Florian Sylvain <contact@floriansylvain.fr>
Date: Thu, 29 Oct 2026 17:11:40 +0100
Subject: [PATCH] fix: sticky footer on role editor

---
 web/src/components/DashboardShell.vue | 17 +++++++++++++++--
 web/src/views/RoleEditorView.vue      |  2 +-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/src/components/DashboardShell.vue b/web/src/components/DashboardShell.vue
index 0292e9c..0207b09 100644
--- a/web/src/components/DashboardShell.vue
+++ b/web/src/components/DashboardShell.vue
@@ -69,6 +69,19 @@ const bodyUi = computed(() => {
 	return props.compactPadding ? COMPACT_BODY : DEFAULT_BODY
 })
 
+const contentClass = computed(() => {
+	if (props.fullBleed) {
+		return 'flex h-full min-h-0 flex-1 flex-col'
+	}
+	return props.stickyFooter ? 'flex min-h-full flex-1 flex-col' : ''
+})
+const innerClass = computed(() => {
+	if (props.fullBleed) {
+		return 'flex min-h-0 flex-1 flex-col'
+	}
+	return props.stickyFooter ? 'flex flex-1 flex-col' : ''
+})
+
 const route = useRoute()
 const session = useSessionStore()
 const permissions = usePermissionsStore()
@@ -420,7 +433,7 @@ function onRetry() {
 			<template #body>
 				<div
 					id="dashboard-content"
-					:class="fullBleed ? 'flex h-full min-h-0 flex-1 flex-col' : ''"
+					:class="contentClass"
 				>
 					<OfflineBanner
 						:message="offlineMessage"
@@ -436,7 +449,7 @@ function onRetry() {
 						kind="error"
 						@retry="onRetry"
 					/>
-					<div v-else :class="fullBleed ? 'flex min-h-0 flex-1 flex-col' : ''">
+					<div v-else :class="innerClass">
 						<slot />
 					</div>
 				</div>
diff --git a/web/src/views/RoleEditorView.vue b/web/src/views/RoleEditorView.vue
index f3a5478..a5d5e30 100644
--- a/web/src/views/RoleEditorView.vue
+++ b/web/src/views/RoleEditorView.vue
@@ -324,7 +324,7 @@ onMounted(editor.load)
 			</div>
 		</div>
 
-		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-4 flex flex-col lg:-mx-6">
+		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-auto flex flex-col lg:-mx-6">
 			<UButton
 				v-if="!isDesktop"
 				color="neutral"