penge / my-notes

Simple and fast note-taking in Chrome with Google Drive support.
https://chrome.google.com/webstore/detail/my-notes/lkeeogfaiembcblonahillacpaabmiop
MIT License
240 stars 34 forks source link

Improve code to resize table rows and columns #426

Closed penge closed 4 months ago

penge commented 4 months ago

Before

The previous implementation displayed thin resizing lines (horizontal or vertical) in every cell of the current row or column (based on the mouse position). During quick mouse movements between different cells, this could cause visual issues, such as missing resizing cells or stuck resizing cells. See figure:


Now

The new implementation renders only 1 resizing line per row and 1 resizing line per column. This made the implementation simplier and solved the visual issues as well.

improved

The new implementation also fixes the changing mouse cursor while resizing, when moved above the intersection of a column and row.

Furthermore: