From 9731407694806ad584bcd3d6d1653700257d6a18 Mon Sep 17 00:00:00 2001 From: Maurice Date: Sun, 20 Sep 2026 14:58:33 +0200 Subject: [PATCH] feat(notices): document sync joins the release notice as a fourth, wide card Paperless-ngx, Papra, Nextcloud, OpenCloud and Synology Drive are a headliner of this release and were missing from the notice. The card runs across the row under the three upright ones, picture beside the text, so the panel keeps its height: the wordmark without its API pill, the two-way arrow, and the five stores as tiles. The panel's grid row is capped at the panel's height, so a short viewport scrolls the left column instead of clipping the support buttons on the right. The headline counts four, the intro and the card texts are shorter, and the Dawarich card drops its last sentence, in all 23 languages. The release e2e test asks with the bundle version, as the client does. --- .../SystemNotices/ReleaseNoticeModal.test.tsx | 20 +++++++ .../SystemNotices/ReleaseNoticeModal.tsx | 2 +- .../SystemNotices/ReleaseNoticeVisuals.tsx | 22 +++++++- .../SystemNotices/releaseNotice.css | 56 ++++++++++++++++++- client/src/components/shared/TrekMark.tsx | 8 ++- server/src/systemNotices/registry.ts | 7 +++ server/src/systemNotices/types.ts | 2 + server/tests/e2e/system-notices.e2e.test.ts | 15 ++++- shared/src/i18n/ar/system_notice.ts | 16 +++--- shared/src/i18n/br/system_notice.ts | 16 +++--- shared/src/i18n/ca/system_notice.ts | 16 +++--- shared/src/i18n/cs/system_notice.ts | 16 +++--- shared/src/i18n/de/system_notice.ts | 16 +++--- shared/src/i18n/en/system_notice.ts | 16 +++--- shared/src/i18n/es/system_notice.ts | 16 +++--- shared/src/i18n/fr/system_notice.ts | 16 +++--- shared/src/i18n/gr/system_notice.ts | 16 +++--- shared/src/i18n/hu/system_notice.ts | 16 +++--- shared/src/i18n/id/system_notice.ts | 16 +++--- shared/src/i18n/it/system_notice.ts | 16 +++--- shared/src/i18n/ja/system_notice.ts | 16 +++--- shared/src/i18n/ko/system_notice.ts | 16 +++--- shared/src/i18n/nl/system_notice.ts | 16 +++--- shared/src/i18n/pl/system_notice.ts | 16 +++--- shared/src/i18n/ru/system_notice.ts | 16 +++--- shared/src/i18n/sv/system_notice.ts | 16 +++--- shared/src/i18n/tr/system_notice.ts | 16 +++--- shared/src/i18n/uk/system_notice.ts | 16 +++--- shared/src/i18n/vi/system_notice.ts | 16 +++--- shared/src/i18n/zh-TW/system_notice.ts | 16 +++--- shared/src/i18n/zh/system_notice.ts | 15 +++-- .../system-notice.schema.spec.ts | 1 + .../src/system-notice/system-notice.schema.ts | 3 + 33 files changed, 289 insertions(+), 214 deletions(-) diff --git a/client/src/components/SystemNotices/ReleaseNoticeModal.test.tsx b/client/src/components/SystemNotices/ReleaseNoticeModal.test.tsx index 022c6d7c0..858e6e31f 100644 --- a/client/src/components/SystemNotices/ReleaseNoticeModal.test.tsx +++ b/client/src/components/SystemNotices/ReleaseNoticeModal.test.tsx @@ -189,4 +189,24 @@ describe('ReleaseNoticeModal', () => { expect(document.querySelectorAll('.rn-vis-icon')).toHaveLength(2) expect(document.querySelectorAll('.rn-vis-icon svg')).toHaveLength(2) }) + + it('FE-RN-015: a wide card spans the row with its drawing beside the text, the others stay upright', () => { + const n = releaseNotice() + n.release!.features = [ + ...n.release!.features, + { iconName: 'FolderSync', visual: 'docsync', layout: 'wide', titleKey: 'rel.f4.title', bodyKey: 'rel.f4.body' }, + ] + renderModal(n) + const cards = document.querySelectorAll('.rn-feature') + expect(cards).toHaveLength(4) + expect(cards[3].classList.contains('rn-feature-wide')).toBe(true) + expect([...cards].slice(0, 3).some(c => c.classList.contains('rn-feature-wide'))).toBe(false) + // The document sync drawing: the wordmark without its API pill, and the five stores. + const wide = cards[3] + expect(wide.querySelector('.rn-vis-docs')).not.toBeNull() + expect(wide.querySelectorAll('.rn-vis-docs-store')).toHaveLength(5) + expect(wide.querySelector('.trek-mark .pill-bg')).toBeNull() + // The places card keeps the pill: that one is about the index. + expect(cards[0].querySelector('.trek-mark .pill-bg')).not.toBeNull() + }) }) diff --git a/client/src/components/SystemNotices/ReleaseNoticeModal.tsx b/client/src/components/SystemNotices/ReleaseNoticeModal.tsx index 1c52c60ff..81ef09822 100644 --- a/client/src/components/SystemNotices/ReleaseNoticeModal.tsx +++ b/client/src/components/SystemNotices/ReleaseNoticeModal.tsx @@ -91,7 +91,7 @@ export function ReleaseNoticeModal({ notice, visible, onDismiss, onCTA, onSecond
{release.features.map(f => ( -
+