Compatibilité et limites connues
Versions de Redmine
| Redmine | État dans cette version |
|---|---|
| 7.0 | Prise en charge (vérifiée sur 7.0.2, Ruby 4.0) : tests du plugin sans échec ; écrans vérifiés comme en 6.1. Écart assumé : l’onglet « API » des paramètres s’appelle « Intégrations » dans Redmine 7.0, habillé comme les autres onglets. Au-delà de 7.0, le plugin reste actif et l’administration le signale. |
| 6.1 | Version de référence : tous les écrans sont vérifiés (comparaison à la maquette, accessibilité WCAG 2.2 AA, clair et sombre, 1440, 1024, 768 et 390 px). |
| 6.0 | Prise en charge (vérifiée sur 6.0.11) : tests du plugin sans échec ; tous les écrans vérifiés (comparaison à la maquette, accessibilité WCAG 2.2 AA, clavier, clair et sombre, 1440 à 390 px). L’historique de la fiche (en-tête des notes, détails, actions) et les avatars sont ramenés au rendu de 6.1. Écarts assumés, propres au cœur 6.0 : pas d’en-tête collant sur la fiche demande ni de réactions (« J’aime »), fonctions apparues en 6.1 ; « Citer » garde l’icône de bulle du cœur ; réponses du forum et commentaires des nouvelles au balisage d’origine. |
| 5.1.x | Bêta (vérifiée sur 5.1.12) : thème dans public/themes/, polices embarquées dans le thème comme en 6.x, sans requête externe ; icônes du cœur remplacées par celles du thème dans les boutons et menus (une icône sans équivalent garde l’image du cœur). Mêmes écarts assumés qu’en 6.0 (en-tête collant de la fiche, réactions, icône « Citer », forum). Le plugin refuse de démarrer sous 5.1.0. |
Ruby : celui de votre version de Redmine. Avec Ruby 3.1 ou plus, rien à ajouter ; avec Ruby 2.7 à 3.0, la licence
a besoin de la gemme ed25519, compilée par bundle install (outils de compilation C). Voir
Installation.
Navigateurs
Chrome et Edge 120 ou plus, Firefox 121 ou plus, Safari 17 ou plus. Les fonctions CSS utilisées (:has(),
color-mix(), @media (scripting)) n’existent pas dans les versions plus anciennes : Redmine reste utilisable,
avec des écarts de mise en forme.
Largeurs d’écran
L’interface est vérifiée à 1440, 1024, 768 et 390 px de large, en clair et en sombre, sans défilement horizontal de la page (les tableaux larges défilent dans leur carte).
| Largeur | Disposition |
|---|---|
| 1280 px et plus | Rail à gauche (épinglé, il pousse le contenu), panneau latéral en colonne, toutes les colonnes de la requête. Fiche demande : panneau Propriétés repliable (bouton à droite des actions du titre, poignée au bord du panneau, touche ]), ouvert par défaut à partir de 1440 px et replié en dessous, puis tel que l’utilisateur l’a laissé (mémorisé par utilisateur, séparément des listes) ; replié, statut, priorité, assigné, échéance et version restent dans la rangée sous le titre. |
| 1024 à 1279 px | Rail compact de 64 px (en tiroir sur écran tactile sans souris, ouvert par le bouton Menu de la barre). Panneau latéral en tiroir à droite, fermé par défaut, ouvert par Panneau latéral du menu « … » (voile, Échap, bouton Fermer). Liste des demandes : case, numéro, sujet, statut, priorité, assigné, échéance, « … ». Fiche demande : Propriétés en colonne de 280 px, repliable comme au-dessus de 1280 px. |
| 640 à 1023 px (768) | Rail en tiroir, ouvert par le bouton Menu de la barre (modules du projet au complet, menu du compte compris). Panneau latéral en tiroir. Liste des demandes : six colonnes, case, numéro, sujet (sur une ligne, coupé par une ellipse), statut, assigné (avatar seul, nom en infobulle), échéance (pastille de retard « n j », sinon date courte « 16/10 »), « … », si la requête les contient (rien n’est ajouté) ; date et nom complets lus par les lecteurs d’écran ; les autres colonnes restent réglables dans les options, sont nommées au-dessus du tableau (« N colonnes masquées : … ») et réapparaissent à partir de 1024 ou 1280 px. Sous 670 px environ (carte trop étroite), l’échéance est retirée à son tour et nommée au-dessus du tableau. Tableaux défilants avec ombres de bord. Fiche demande en une colonne, propriétés en tête en accordéon ouvert. |
| Moins de 640 px (390) | Barre compacte fixe (Menu, titre, recherche, notifications, compte), barre d’onglets en bas (Ma page, Demandes, Projets, Temps, Plus), bouton flottant Créer. Liste des demandes en cartes ; calendriers en liste de jours ; palette en plein écran ; formulaires en une colonne, bouton de soumission en fin de formulaire (exemplaire « mobile » du cœur, un seul visible à chaque largeur) ; cibles tactiles de 44 px. Tableau des demandes : une colonne à la fois, déplacement par le menu seulement. |
À toutes les largeurs, la recherche de la barre est une icône de 44 px (« Rechercher », infobulle avec le raccourci Ctrl K ou ⌘K) qui ouvre la palette ; la place libérée revient au fil d’Ariane, coupé par une ellipse s’il est trop long. Palette désactivée (préférence), l’icône ouvre en ligne le champ de recherche de Redmine.
Les tiroirs gardent le focus tant qu’ils sont ouverts et se referment par Échap ou par un clic sur le voile.
Plugins tiers
Deux plugins ont un habillage dédié (liste blanche) : Plio (planification de charge) et
redmine_more_previews (aperçus de pièces jointes). Les autres plugins gardent la base neutre : couleurs,
typographie et composants du thème appliqués au balisage du cœur qu’ils reprennent, sans mise en page dédiée. La
liste se règle dans l’administration (voir Réglages) ; détails
et limites : Plugins tiers.
Écarts connus par écran
Le thème habille le balisage de Redmine sans le remplacer : quand une fonction de la maquette n’existe pas dans Redmine, elle n’est pas inventée.
| Écran | Écart |
|---|---|
| Liste des demandes | Panneau latéral replié par défaut sur les listes : les requêtes enregistrées y sont, ouvert par Panneau latéral dans le menu « … ». Panneau figé sur le Gantt et le calendrier : les rapports personnalisés qu’il contient n’y sont pas accessibles. |
| Sélection multiple | Barre de sélection avec les libellés du cœur ; la ligne sélectionnée prend un fond de la couleur de marque. |
| Barre d’avancement | Sans avancement, le rail vide de la barre reste affiché. |
| Connexion | Formulaire du cœur présenté en carte. |
| Formulaire de demande | Barre d’actions collante ; observateurs en pastilles ; champs personnalisés en accordéon sous la description (replié au-delà de 4 champs s’ils sont tous facultatifs, vides et sans erreur). |
| Fiche demande | Rapports personnalisés retirés du panneau (ils restent sur la liste) ; observateurs sur une ligne, liste dépliable ; champs personnalisés repliés au-delà de 5 ; champs personnalisés vides masqués à l’affichage (toujours dans le formulaire de modification) ; champs texte longs « pleine largeur » remplis affichés dans le bloc de la description, sous le même repli. |
| Note d’une demande | L’éditeur d’une note existante n’apparaît qu’après Modifier. |
| Palette ⌘K | 10 résultats au plus ; les personnes ne sont proposées que dans un projet, ou à un administrateur. |
| Projets et Ma page | Projets et blocs de Ma page présentés en cartes, contenu du cœur. |
| Gantt | Géométrie du cœur conservée (rangées de 20 px, colonne des sujets de 330 px, 16 px par jour) : les liens restent des liens dans le texte, sans cible de 24 px. Pas de bouton « Aujourd’hui » ni de zoom par jour : navigation et zoom du cœur. Les liens « Colonnes › Affichage » restent sous 24 px. |
| Calendrier | Colonne des numéros de semaine du cœur conservée ; pas de bouton « Aujourd’hui » ; libellés sur trois lignes au plus. |
| Tableau (kanban) | Vue du plugin (voir Tableau des demandes) : colonnes de 320 px qui défilent au lieu de colonnes fluides ; badge du tracker en nom complet ; version cible en plus de la maquette ; avatars en initiales. Couloirs par personne assignée, version cible, priorité, tracker ou catégorie (voir Couloirs). Pas de bouton « + », de limite par colonne ni de choix des colonnes. Une carte déplacée se place en tête de sa nouvelle colonne jusqu’au rechargement. |
| Mobile (moins de 640 px) | Barre d’onglets sur toutes les pages, fiche demande comprise (la maquette y montre une barre « Saisir temps / Modifier ») ; bloc titre gardé sous la barre pour les actions du cœur ; fiche sans retour « ‹ » ni onglets Détails / Historique / Temps (absents du cœur) ; hors projet, sélecteur de projet remplacé par l’onglet Projets et le tiroir. |
| Tablette (640 à 1279 px) | Pas de maquette dédiée : dispositions tirées des règles de mise en page du design system. Colonnes de priorité sur la liste des demandes seulement ; les autres listes défilent dans leur carte. |
| Roadmap et activité | Contenu du cœur : pas de verbe d’action ni de résumé des changements dans l’activité, pas de compteur par personne. |
| Wiki | La navigation du wiki reste dans le panneau de droite (colonne de texte de 716 px au lieu de 760 à 1440 px). Sommaire seulement avec la macro {{toc}}. Les citations prennent l’encart coloré de la maquette, sans icône. |
| Dépôt | La page d’une révision n’a pas de panneau « fichiers modifiés / révisions récentes » (le cœur les montre ailleurs) ; pas de ligne @@ dans les différences. Graphiques des statistiques du dépôt aux couleurs du cœur. |
| Administration | Le menu d’administration est une colonne à gauche de tout le contenu, titre compris ; la carte « valeurs par défaut Filonio » est sur la page de configuration du plugin, pas dans l’onglet Affichage. La page « Composants » (/filonio/composants, galerie des composants du thème) reste livrée dans le plugin, réservée aux administrateurs. |
| Rail | Au survol, le rail s’élargit sans changer la taille de ses icônes (rien ne bouge sous le pointeur) ; épinglé, il ne pousse le contenu qu’à partir de 1280 px. Allégé le 03/10/2026, après la maquette : Administration, Aide et Déconnexion dans le menu du compte (photo), favoris derrière une étoile en rail replié, modules du projet par priorité autant que la hauteur le permet, le reste dans « Plus (N) » (à 1366 × 768 avec 3 favoris : 6 modules visibles replié, 5 déployé), plus de bouton « Déployer le menu ». |
| Pages d’erreur | Les pages d’erreur statiques du serveur (404, 500 servies sans Redmine) ne sont pas habillées. |
| Avatars | Gravatar selon le réglage du cœur (Administration › Paramètres › Affichage) : seules requêtes externes possibles, hors licence. |
Chargement des pages
Le thème clair ou sombre, la densité et l’état du rail sont posés par le serveur dans la page elle-même : aucun changement d’apparence après l’affichage. Le rail et la barre sont composés pendant le chargement, avant le premier affichage : l’en-tête et les menus d’origine de Redmine n’apparaissent jamais. Le contenu s’affiche au fil du chargement, déjà à sa place ; quelques blocs (fiche de demande, formulaire de demande, Ma page, grille des projets) n’apparaissent qu’une fois composés.
Sans JavaScript, rien n’est masqué : la page s’affiche aussitôt avec l’en-tête et les menus de Redmine, sans rail ni barre. Si le script du thème ne se charge pas, l’en-tête d’origine apparaît après moins d’une seconde (voir Dépannage).
Copie de la documentation livrée avec Filonio (dossier docs/ des archives).