From: Dan Brown Date: Wed, 28 May 2025 10:55:23 +0000 (+0100) Subject: Added v25.05 post images X-Git-Url: http://source.bookstackapp.com/website/commitdiff_plain/67b57bbc841e4bee2ee89229984b5be29a8ac6d3 Added v25.05 post images --- diff --git a/content/blog/2025/bookstack-release-v25-05.md b/content/blog/2025/bookstack-release-v25-05.md index e8d9df6..135dbe4 100644 --- a/content/blog/2025/bookstack-release-v25-05.md +++ b/content/blog/2025/bookstack-release-v25-05.md @@ -16,12 +16,6 @@ packaged in also! * [Update instructions](/docs/admin/updates) * [GitHub release page](https://github.com/BookStackApp/BookStack/releases/tag/v25.05) -**Upgrade Notices** - -TODO - -- **Title** - Detail - TODO - Video @@ -35,16 +29,17 @@ page content in a comment. This is achieved via a new button in the content popover, which is shown when part of the page text is selected: -TODO - image of popover with comment +![View of the floating popover accessed when viewing a page, with the mouse cursor hovering above a comment icon](/images/2025/05/inline_comment_action.png) Clicking this will start a new comment with a reference to the selected area & text range. When viewing the page, this will then show as a highlight and marker for that content: -TODO - Image of inline comment display + +![View of some page content, with a single word highlighted in a pale blue, with a floating comment bubble icon in the top right of the highlighted region](/images/2025/05/inline_comment_marker.png) Clicking the comment marker will then open up that comment thread: -TODO - Image of inline thread +![View of some page content, with a single word highlighted in a pale blue, with an active comment thread floating below this highlight zone](/images/2025/05/inline_comment_display.png) From there you can close or read the thread within this inline display, or click the "Jump to thread" action to jump to the full thread in the comments area, where you can edit or reply where desired. @@ -54,7 +49,7 @@ to specific content. This may show as outdated if the referenced content has cha was made. Clicking on this indicator will jump the user to the relevant section on the page. If the referenced section no longer exists at all, this indicator will become orange and can't be clicked. -TODO - Image of range of indicator presentations +![View of three comments at the bottom of the page, with each having content starting with a "Reference" badge. The first is blue. The second also has the text "Outdated" in this badge. The third also shows "Outdated" but is orange](/images/2025/05/comment_reference_indicators.png) Some of these features are also supported in the page editor. When using the new WYSIWYG editor, opening the comments sidebar will show the inline comments @@ -62,7 +57,7 @@ When using the new WYSIWYG editor, opening the comments sidebar will show the in This isn't supported in the markdown or the old default WYSIWYG editor, where the indicators will instead remain gray to represent being inactive. -TODO - Image of editor with comments +![BookStack page editor showing the comments sidebar open, and comment bubbles within the page content, with open open showing a discussion floating above page content](/images/2025/05/inline_comments_in_editor.png) One thing to note is that only the starting comment of a thread can reference content in this way. This is to avoid a range of confusing user experience scenarios, like having parts of threads duplicated across @@ -79,14 +74,14 @@ most scenarios you'd want to retain that context that led to changes. To support these kind of scenarios, this release adds the ability to archive comments. This is an action which shows on a comment like the existing options: -TODO - Image of archive option, with comment tabs showing +![View the page comments in BookStack, with the comments under two tabs which have the labels "1 Comment Thread" and "2 Archived". A mouse cursor hovers over an "Archive" action on the first visible comment](/images/2025/05/archived_comments.png) In the comments area, you'll now see tabs for jumping between active and archived threads. Inline comment markers, introduced above, will show based upon which tab is active. Within the page editor, archived threads can be accessed via a dropdown below active comment threads. -TODO - Image in editor sidebar +![View of comment sidebar in editor with a "Archived Threads" dropdown below existing comments](/images/2025/05/archived_comments_in_editor.png) Only the top-most comments have the ability to be archived or unarchived, to keep management thread-based otherwise you will have parts of threads diff --git a/static/images/2025/05/archived_comments.png b/static/images/2025/05/archived_comments.png new file mode 100644 index 0000000..9f0bf77 --- /dev/null +++ b/static/images/2025/05/archived_comments.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:31a6c4992d3ec994c384b4d4f88fd4eb20424f3bc9089dad0525ad9d68021d02 +size 16719 diff --git a/static/images/2025/05/archived_comments_in_editor.png b/static/images/2025/05/archived_comments_in_editor.png new file mode 100644 index 0000000..99a8c3d --- /dev/null +++ b/static/images/2025/05/archived_comments_in_editor.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8f8e1a0357b0fe3d83877c9b595d990f8bea0c36343551d2e6cdf552513647b3 +size 35628 diff --git a/static/images/2025/05/comment_reference_indicators.png b/static/images/2025/05/comment_reference_indicators.png new file mode 100644 index 0000000..0a0c62d --- /dev/null +++ b/static/images/2025/05/comment_reference_indicators.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6670b24814de371f49ed1c15b9d3a454b0c4a3b26334e425d46e464c46553a38 +size 32588 diff --git a/static/images/2025/05/inline_comment_action.png b/static/images/2025/05/inline_comment_action.png new file mode 100644 index 0000000..186cc3b --- /dev/null +++ b/static/images/2025/05/inline_comment_action.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3bbd314a21cdcb897520c4babe2df91606ebc52d4adb3434b10a602f09a4a739 +size 18745 diff --git a/static/images/2025/05/inline_comment_display.png b/static/images/2025/05/inline_comment_display.png new file mode 100644 index 0000000..4e9eafc --- /dev/null +++ b/static/images/2025/05/inline_comment_display.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:da44c3bbef151d9724737e10d6f6908e139ca6e661c0f862587f1011d93974fa +size 47211 diff --git a/static/images/2025/05/inline_comment_marker.png b/static/images/2025/05/inline_comment_marker.png new file mode 100644 index 0000000..82ebf4a --- /dev/null +++ b/static/images/2025/05/inline_comment_marker.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:dcb21de449418367183add5666a2c954a2fe753532e597a759b36a545907d9ea +size 14245 diff --git a/static/images/2025/05/inline_comments_in_editor.png b/static/images/2025/05/inline_comments_in_editor.png new file mode 100644 index 0000000..63bfde2 --- /dev/null +++ b/static/images/2025/05/inline_comments_in_editor.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ff72e197cb366888ebe19467b385b792d43de70bc7b03954f4c5be7ba223e205 +size 71825