Branch: refs/heads/RN-54 Home: https://github.com/xwiki-contrib/application-releasenotes Commit: 873b7761ac243954dc081df7453f443404a9cda1 https://github.com/xwiki-contrib/application-releasenotes/commit/873b7761ac2... Author: Vincent Massol <vincent@massol.net> Date: 2026-08-30 (Sun, 30 Aug 2026) Changed paths: M application-releasenotes-test/application-releasenotes-test-docker/src/test/it/org/xwiki/releasenotes/test/ui/ReleaseNotesIT.java A application-releasenotes-test/application-releasenotes-test-docker/src/test/resources/screenshot.png M application-releasenotes-ui/src/main/resources/ReleaseNotes/Code/Change/ChangeDisplayerGrid.xml M application-releasenotes-ui/src/main/resources/ReleaseNotes/Code/Change/ChangeSheet.xml Log Message: ----------- RN-54: Display the screenshot after the change title * Render each change of the grid displayer as a card holding its title, then its screenshots or video, then its summary, so that a screenshot can only be read as illustrating the change it is enclosed with. * Lay the cards out with CSS grid rather than chunking the changes into rows of Bootstrap columns, whose cells all grew to the height of the tallest change. * Style the cards from the colour theme, through a LESS stylesheet extension on the displayer page, and pass the column count to it as a custom property so that the media queries can lower it on narrow screens. * Reveal the edit link of a card on hover and on keyboard focus instead of beside every title. * Display the screenshots after the summary and the description on a change's own page, where the page title already tells the reader which change the media belongs to. * Assert the column layout of the report on the custom property rather than on the Bootstrap class the grid no longer emits, and cover the new order with a test. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> To unsubscribe from these emails, change your notification settings at https://github.com/xwiki-contrib/application-releasenotes/settings/notificat...