chore: bump version to v0.4.12

Le body scrollable de MalioDrawer (overflow-y-auto) n'avait aucun
padding vertical : le label flottant du premier champ, qui remonte au
focus, dépassait le bord haut et se faisait rogner sous l'entête. Idem
pour le dernier champ en bas.

Ajoute une feuille app.css (hors thème sombre) qui donne 1rem de padding
haut/bas au corps de tous les drawers, via l'API data-test stable de
@malio/layer-ui (sans modifier la lib ni chaque drawer).

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.4.9'
+    app.version: '0.4.12'

frontend/assets/css/app.css

@@ -0,0 +1,21 @@
+/*
+ * App-level layout fixes (not theme-related).
+ */
+
+/*
+ * MalioDrawer : donne au corps scrollable un peu d'espace vertical.
+ *
+ * Le body du drawer est `overflow-y-auto` sans padding vertical. Or le label
+ * flottant d'un champ Malio remonte (-1.25rem) au focus/remplissage : pour le
+ * PREMIER champ, collé en haut du body, ce label dépasse le bord supérieur et
+ * se fait rogner (il « grossit et passe sous l'entête »). Le dernier champ
+ * (popover de date, hint) souffre du même rognage en bas.
+ *
+ * On ajoute donc un padding vertical au body de TOUS les drawers via l'API de
+ * test stable de la lib (@malio/layer-ui), sans la modifier ni toucher chaque
+ * drawer un par un. Le sélecteur reste limité au panneau du drawer.
+ */
+[data-test="panel"] > [data-test="body"] {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}

frontend/components/absence/EmployeeDrawer.vue

@@ -7,16 +7,22 @@
             </div>
         </template>
         <form v-if="user" class="grid grid-cols-1 gap-4 sm:grid-cols-2" @submit.prevent="save">
-            <MalioDate
-                v-model="form.hireDate"
-                :label="$t('absences.admin.employees.fields.hireDate')"
-                group-class="w-full"
-            />
-            <MalioDate
-                v-model="form.endDate"
-                :label="$t('absences.admin.employees.fields.endDate')"
-                group-class="w-full"
-            />
+            <!-- Dates en pleine largeur (1 par ligne) : le popover du calendrier
+                 a besoin de toute la largeur pour s'afficher correctement. -->
+            <div class="sm:col-span-2">
+                <MalioDate
+                    v-model="form.hireDate"
+                    :label="$t('absences.admin.employees.fields.hireDate')"
+                    group-class="w-full"
+                />
+            </div>
+            <div class="sm:col-span-2">
+                <MalioDate
+                    v-model="form.endDate"
+                    :label="$t('absences.admin.employees.fields.endDate')"
+                    group-class="w-full"
+                />
+            </div>
             <MalioSelect
                 v-model="form.contractType"
                 :label="$t('absences.admin.employees.fields.contractType')"

frontend/layouts/default.vue

@@ -119,11 +119,14 @@
                     </div>
 
                     <!-- Section : Absences -->
-                    <p v-if="!sidebarIsCollapsed" class="px-4 pt-5 pb-1 text-xs font-semibold uppercase tracking-wider text-neutral-400">
-                        Absences
-                    </p>
-                    <div v-else class="mx-2 my-3 border-t border-secondary-500" />
+                    <template v-if="isAbsenceSectionVisible">
+                        <p v-if="!sidebarIsCollapsed" class="px-4 pt-5 pb-1 text-xs font-semibold uppercase tracking-wider text-neutral-400">
+                            Absences
+                        </p>
+                        <div v-else class="mx-2 my-3 border-t border-secondary-500" />
+                    </template>
                     <SidebarLink
+                        v-if="isEmployee"
                         to="/absences"
                         icon="mdi:umbrella-beach-outline"
                         label="Mes absences"
@@ -211,6 +214,8 @@ const {version} = useAppVersion()
 const route = useRoute()
 
 const isAdmin = computed(() => (auth.user?.roles ?? []).includes('ROLE_ADMIN'))
+const isEmployee = computed(() => Boolean(auth.user?.isEmployee))
+const isAbsenceSectionVisible = computed(() => isEmployee.value || isAdmin.value)
 
 const isMailVisible = computed(() => {
     const roles: string[] = auth.user?.roles ?? []

frontend/middleware/employee.ts

@@ -0,0 +1,9 @@
+export default defineNuxtRouteMiddleware(() => {
+    const auth = useAuthStore()
+
+    // "Mes absences" is reserved for users flagged as employees (subject to the
+    // absence management). Non-employees are redirected to the home page.
+    if (!auth.isAuthenticated || !auth.user?.isEmployee) {
+        return navigateTo('/')
+    }
+})

frontend/nuxt.config.ts

@@ -2,7 +2,7 @@ export default defineNuxtConfig({
     compatibilityDate: '2025-07-15',
     devtools: {enabled: false},
     ssr: false,
-    css: ['~/assets/css/dark.css'],
+    css: ['~/assets/css/app.css', '~/assets/css/dark.css'],
     app: {
         baseURL: process.env.NODE_ENV === 'production'
             ? (process.env.NUXT_PUBLIC_APP_BASE || '/')

frontend/pages/absences.vue

@@ -75,6 +75,8 @@ import { useAbsenceHelpers } from '~/composables/useAbsenceHelpers'
 
 type Row = AbsenceRequest & { typeLabelText: string; periodText: string; daysText: string; createdAtText: string }
 
+definePageMeta({ middleware: ['employee'] })
+
 const { t } = useI18n()
 const service = useAbsenceService()
 const { statusLabel, statusVariant, statusIcon, formatRange, formatDays, formatDate } = useAbsenceHelpers()