RHSidebar redesign

[xypnox]

Description

In Reminders

• No need to show the note title
• No need to show time information twice
• Show buttons on hover

Suggestions

• Combine the suggestions with related notes
• Show only notes
• Scroll to block if blockid present in preview

Backlinks

• Click on icon/title to toggle forward links’

Snippets

• In RHS replaces suggestions
• Search and use
• Card with preview, last used, Tags
• Preview on hover
• Insert on Click

Fixes

• Fix f/F in task view modal opening filter menu at the back
• Fix autoclose of rhsidebar when navigating in editor only

---

• Add snippets instead of suggestions
• Add snippet card with interaction
• Use accordion auto close/open when overflow in sidebar

Motivation and Context

New RHS design

How has this been tested?

• Using sidebar
• Using suggestion embed/link
• Using forward backward links
• Using snippets

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the code style of this project.

[linear]

WD-1585 [TASK] RHSidebar Redesign

Description

A brief description of the task

• Combine the suggestions with related notes
• De-emphasize Outline
• Backlinks and forward links
• Preview
  • Scroll to block if blockid present in preview of suggested notes
• Fix autoclose rhsidebar on opening note in editor page

Purpose

What is the purpose of this task?

• Simplify rhsidebar

Additional Context

Any additional information that needs to be added

https://www.figma.com/file/1DtVsN8K9WNYGcYptiB4eR/Wireframes?node-id=179%3A7520