peterdu1109/NotifySync v5.5.11.10 on GitHub

🇬🇧 English

📝 In Short

The admin page looks cleaner everywhere and works properly on mobile / narrow windows. The version badge in the header is now clickable — opens the release notes for whatever version you're running.

✨ What's New

Cleaner header card — Removed the explicit GitHub button. The version badge (v5.5.11.10) is now a small clickable pill that opens the release notes for the exact version you have installed.
Mobile / narrow window polish — On screens ≤ 600px:
- Header stays horizontal (icon + title + version on one row) instead of stacking on 4 lines.
- Subtle fade on the right edge of the tab row indicates that more tabs exist off-screen and can be scrolled horizontally — previously Catégories and Suppressions were just cut off with no hint.
- Tighter padding throughout for narrow viewports.

🔧 Technical details for the curious

.ns-header-links / .ns-header-link CSS dropped. Replaced by .ns-version-link which wraps the version <span> and a tiny open_in_new icon — hover lights up both with the accent color.
Version link href is built dynamically in load() from the #ns-version-badge text content: https://github.com/peterdu1109/NotifySync/releases/tag/${badge}. Self-updating — future bumps only need to change the badge text in one place.
.ns-tab { flex-shrink: 0 } forces natural width — tabs scroll horizontally instead of getting squashed.
Mobile media query adds mask-image: linear-gradient(...) on .ns-tabs for the right-edge fade hint. Pure CSS, no JS.
Removed flex-direction: column from the mobile header (was needed only to make room for the GitHub button).

🇫🇷 Français

📝 En bref

La page admin est plus propre partout et fonctionne correctement sur mobile / écran étroit. Le badge version dans le header est maintenant cliquable — ouvre les release notes de la version que tu utilises.

✨ Quoi de Neuf

Header plus épuré — Suppression du bouton GitHub explicite. Le badge version (v5.5.11.10) est maintenant une petite pastille cliquable qui ouvre les release notes de la version exacte installée.
Polish mobile / écran étroit — Sur écrans ≤ 600px :
- Le header reste horizontal (icône + titre + version sur une ligne) au lieu d'empiler sur 4 lignes.
- Un fade subtil sur le bord droit de la ligne d'onglets indique que d'autres tabs existent hors écran et peuvent être scrollés horizontalement — avant, Catégories et Suppressions étaient juste coupés sans indication.
- Padding plus serré partout pour les viewports étroits.

🔧 Détails techniques pour les curieux

CSS .ns-header-links / .ns-header-link retiré. Remplacé par .ns-version-link qui wrappe le <span> version et une petite icône open_in_new — le hover allume les deux avec la couleur d'accent.
Le href du lien version est construit dynamiquement dans load() depuis le textContent de #ns-version-badge : https://github.com/peterdu1109/NotifySync/releases/tag/${badge}. Auto-mis-à-jour — les futurs bumps n'ont besoin que de changer le texte du badge à un seul endroit.
.ns-tab { flex-shrink: 0 } force la largeur naturelle — les onglets scrollent horizontalement au lieu d'être écrasés.
La media query mobile ajoute mask-image: linear-gradient(...) sur .ns-tabs pour le hint de fade à droite. CSS pur, pas de JS.
Suppression du flex-direction: column du header mobile (n'était nécessaire que pour laisser de la place au bouton GitHub).

peterdu1109/NotifySync v5.5.11.10 🔔 NotifySync v5.5.11.10 on GitHub