mirror of https://github.com/usememos/memos.git
5b8a400c78
Insert column/row zones: - Expanded hover area to 32px wide (columns) and 20px tall (rows) so the insert trigger is much easier to reach - Column + button is centered right above the vertical border between two columns, inside the header cells with absolute positioning - Row + button is centered on the horizontal border between two rows, rendered via a zero-height spacer <tr> with an absolutely positioned hover zone - z-index set to z-30 (above the z-20 sticky header) so column insert buttons render on top of everything - On hover, a 3px blue highlight line appears at the exact border where the new column/row will be inserted, giving clear visual feedback - The entire zone is clickable (not just the button) for easier use Sticky header improvements: - Added a solid bg-background mask row at the top of the sticky thead that hides table cells scrolling underneath the header area - All header cells including the row-number spacer and add-column button now have explicit bg-background so nothing bleeds through - Header cell background (bg-accent/50) now wraps the full cell content including sort and delete buttons (moved bg from input to the containing div), giving the header a cohesive look Row insert zones use dedicated spacer <tr> elements between data rows (instead of absolutely positioned elements inside cells), which is more reliable across different table widths and avoids clipping issues. Co-authored-by: milvasic <milvasic@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| docs | ||
| public | ||
| src | ||
| .gitignore | ||
| biome.json | ||
| components.json | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| tsconfig.json | ||
| vite.config.mts | ||