Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to resize table rows/columns #155

Closed
penge opened this issue Nov 7, 2020 · 6 comments · Fixed by #325
Closed

Ability to resize table rows/columns #155

penge opened this issue Nov 7, 2020 · 6 comments · Fixed by #325
Labels
enhancement New feature or request
Milestone

Comments

@penge
Copy link
Owner

penge commented Nov 7, 2020

Lines that separate rows/columns could be dragged by the mouse to adjust width (for columns) or height (for rows). Double-click would reset this setting for a particular row/column.

@penge penge added the enhancement New feature or request label Nov 7, 2020
@bhupesh-sf
Copy link

This is really needed. I am struggling at the moment to work well with tables. Will be awesome to have it.

@penge penge added this to the 3.7 milestone Feb 22, 2021
@penge penge removed this from the 3.7 milestone Apr 3, 2021
@bhupesh-sf
Copy link

The next big release I believe must contain table changes. You have already logged good issues there and fixing them surely will bring a good user experience. Right now it's not enjoyable to work with tables.

@penge

@penge penge added this to the 3.12 milestone Aug 11, 2021
@penge
Copy link
Owner Author

penge commented Aug 14, 2021

@bhupesh-sf This feature will be released in My Notes 3.12.

@bhupesh-sf
Copy link

Great, thanks for your great work @penge

@penge
Copy link
Owner Author

penge commented Oct 23, 2021

@bhupesh-sf Version 3.12 including this feature is ready for testing! :)

@penge
Copy link
Owner Author

penge commented Oct 25, 2021

How it works

Move your mouse over any column/row separator line. It will change to blue (color is customizable). Drag the blue line to start resizing the column/row. Release the mouse to stop resizing. Double-click on the blue line to reset the size of column/row. All changes are saved automatically and don't require any further actions.

How to customize

If you're using a Custom theme, you can customize the resizing color (default: blue) to any color you'd like. The CSS variable is called --table-resizing-line-color. See light.css or dark.css for reference.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants