🇬🇧 English
📝 In Short
Two UI fixes for the admin page: the bell icon next to NotifySync in the Jellyfin sidebar now stays a bell after resizing the window, and the contents of the NotifySync header card are now centered.
🐛 What's Fixed
- Sidebar bell flipped back to a folder after a window resize — Closing and reopening or just resizing your browser window made the NotifySync icon revert to the default folder. Fixed: it stays a bell from now on.
- Header content was hugging the left edge of the card — With the GitHub button removed in the previous release, the icon and title sat awkwardly on the left with a big empty zone on the right. Now centered.
🔧 Technical details for the curious
Sidebar icon resize regression — Jellyfin 10.11 renders the sidebar with Material-UI React components. When the viewport changes, React often patches the existing <svg><path> in place (rewrites the d attribute) instead of remounting the node. The MutationObserver was configured with { childList: true, subtree: true } only, so attribute-only changes never fired. The observer now also watches attributes: true, attributeFilter: ['d'] — attribute changes on the SVG path trigger the swap-back, idempotently.
Header centering — .ns-header-info had flex: 1 from the original 3-column layout (icon | info | GitHub button). With the GitHub button gone, that flex: 1 was making the info group expand to fill all remaining space, hugging the left of the card. Changed to flex: 0 1 auto plus justify-content: center on .ns-header. The version href is also now built dynamically from the badge text in load(), so future bumps only need to update the badge text in one place.
🇫🇷 Français
📝 En bref
Deux corrections UI pour la page admin : l'icône cloche à côté de NotifySync dans la sidebar Jellyfin reste maintenant une cloche après un redimensionnement de la fenêtre, et le contenu du header de NotifySync est maintenant centré.
🐛 Corrections
- La cloche de la sidebar redevenait un dossier après un redimensionnement de fenêtre — Fermer et rouvrir ou juste redimensionner ta fenêtre faisait revenir l'icône NotifySync au dossier par défaut. Corrigé : ça reste une cloche maintenant.
- Le contenu du header était collé contre le bord gauche de la card — Avec le bouton GitHub retiré dans la release précédente, l'icône et le titre étaient à gauche avec un grand vide à droite. Maintenant centré.
🔧 Détails techniques pour les curieux
Régression icône sidebar au resize — Jellyfin 10.11 rend la sidebar avec des composants Material-UI React. Quand le viewport change, React patche souvent le <svg><path> existant en place (réécrit l'attribut d) au lieu de remonter le nœud. Le MutationObserver était configuré avec { childList: true, subtree: true } seulement, donc les changements d'attribut seuls ne déclenchaient rien. L'observer regarde maintenant aussi attributes: true, attributeFilter: ['d'] — les changements d'attribut sur le path SVG déclenchent le swap-back, idempotemment.
Centrage du header — .ns-header-info avait flex: 1 depuis la mise en page originale à 3 colonnes (icône | info | bouton GitHub). Avec le bouton GitHub parti, ce flex: 1 faisait s'étendre le groupe info pour remplir tout l'espace restant, collant le contenu à gauche de la card. Changé en flex: 0 1 auto plus justify-content: center sur .ns-header. Le href de la version est aussi maintenant construit dynamiquement à partir du texte du badge dans load(), donc les futurs bumps n'ont qu'à mettre à jour le texte du badge à un seul endroit.