diff --git a/CHANGELOG.md b/CHANGELOG.md index 3d0f76b..af76a51 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -58,6 +58,7 @@ Liste des évolutions de la librairie Malio layer UI * [#MUI-45] MalioDate : prop `markedDates` (`Record<"YYYY-MM-DD", 'success' | 'danger'>`) appliquant un fond tokenisé par jour dans la grille (générique, fourni par le consommateur ; précédence sélection/`today` > variante marquée > défaut) + event `month-change` (`{ month: 0-11, year }`) émis à l'ouverture du popover et à chaque navigation de mois. Sert l'écran *Heures* de SIRH (jours validés en vert, chargement du mois visible à la volée). ### Changed +* Sidebar : les liens de navigation passent le **texte en `m-primary` au survol** (`hover:text-m-primary`, en plus du fond `hover:bg-m-surface` existant). * DataTable : libellés de pagination en français — `Préc.` / `Suiv.` (étaient `Prev` / `Next`) ; aria-labels déjà en français inchangés. * MalioButton : dimensions par défaut `w-[180px]` / `h-[38px]` (étaient `w-[200px]` / `h-[40px]`). * DataTable : tailles par défaut revues — texte header `16px` (était `20px`), texte body `14px` (était `18px`), sélecteur de lignes et boutons de pagination (Prev / numéros / Next) alignés à `30px` de haut, padding de `12px` entre le bas du tableau et la barre de pagination, texte header et body passés en noir (`text-black`, étaient `text-m-primary`). diff --git a/app/components/malio/sidebar/Sidebar.test.ts b/app/components/malio/sidebar/Sidebar.test.ts index ba0a3ab..006b055 100644 --- a/app/components/malio/sidebar/Sidebar.test.ts +++ b/app/components/malio/sidebar/Sidebar.test.ts @@ -62,7 +62,7 @@ describe('MalioSidebar', () => { it('renders expanded by default', () => { const wrapper = mountComponent({sections}) const aside = wrapper.find('aside') - expect(aside.classes()).toContain('w-[280px]') + expect(aside.classes()).toContain('w-[232px]') }) it('renders section labels with icons when expanded', () => { @@ -89,6 +89,12 @@ describe('MalioSidebar', () => { expect(links[2].attributes('href')).toBe('/fournisseurs') }) + it('applique un hover primary sur le texte des liens', () => { + const wrapper = mountComponent({sections}) + const link = wrapper.find('a') + expect(link.classes()).toContain('hover:text-m-primary') + }) + it('renders section icons via IconifyIcon', () => { const wrapper = mountComponent({sections}) const icons = wrapper.findAllComponents(IconifyIcon) diff --git a/app/components/malio/sidebar/Sidebar.vue b/app/components/malio/sidebar/Sidebar.vue index fd9a36c..383d5af 100644 --- a/app/components/malio/sidebar/Sidebar.vue +++ b/app/components/malio/sidebar/Sidebar.vue @@ -54,7 +54,7 @@