Tonight I merged two PRs for Emerald Notes:
PR #4 - branch tagsandfolders:
Features added:
- Ability to sort both folder and tag trees, as well as notes, by name, created by, and last updated
- Drag-and-drop support for moving notes between folders
- Slight highlighting on folders when all notes are shown (no folders or tags selected)
What I learned:
- How drag events work in React: onDragStart, onDrag, and onDragEnd
- How to apply styling during drag events (add styles on onDragStart, remove them on onDragEnd)
- How to capture drag events using React.DragEvent
PR #5 - markdown-improvements:
Features added:
- Ability to change text color in notes (links and code blocks are ignored)
- Sidebar and selected note are now fixed, while the note editor and preview are scrollable on the Y-axis
What I learned / issues faced:
- I attempted to add background color options to individual table cells.
- I was able to select the current cell and apply styling, but the editor library I’m using seems to override the CSS. This caused the background color to reset, so I’ll need to investigate further.
