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

Use tabs for indentation in Markdown editor and align display to RTE and Markdown Viewer display #11673

Open
laurent22 opened this issue Jan 17, 2025 · 2 comments
Labels
bug It's a bug desktop All desktop platforms high High priority issues

Comments

@laurent22
Copy link
Owner

The RTE and Markdown Viewer use the same indentation for lists for consistency. The Markdown editor however use spaces for indentation - not only it makes the indentation tiny but it means it also cannot be changed via CSS.

If possible we should instead use tabs for indentation which will make it possible to match the design of the viewer and RTE and will make list indentation more pronounced and stylable via CSS.

Additionally the space between bullet points is tiny on the Markdown editor, but that maybe need to be addressed in the Extra Settings plugin since it's related to the "Hide Markdown" mode.

Markdown viewer (and RTE):

Image

Markdown editor:

Due to the tiny indentation level it's difficult to follow that kind of list at a glance. Even more so for checkbox lists because all bullet points will look the same.

Image
@personalizedrefrigerator
Copy link
Collaborator

personalizedrefrigerator commented Jan 17, 2025

The RTE and Markdown Viewer use the same indentation for lists for consistency. The Markdown editor however use spaces for indentation - not only it makes the indentation tiny but it means it also cannot be changed via CSS.

For me, Joplin seems to use tabs for list indentation. For example,

- **Technology**
	- Computers
	- Laptops
		- MacBook
		- Dell XPS
	- Desktops
		- Gaming PCs
		- Workstations
	- Smartphones
		- iOS
		- Android

For comparison, I'm attaching my system version information:

Version information

Joplin 3.2.11 (prod, linux)

Client ID: 5d8cf789194849bda110c5647b766c5d
Sync Version: 3
Profile Version: 47
Keychain Supported: No

Revision: 2fba101

Backup: 1.4.2
Extra Markdown editor settings: 1.8.0
Freehand Drawing: 2.14.0
Menu Test: 1.0.0
RevealJS Integration: 0.15.0

I'm creating sub list items by pressing tab.

@laurent22
Copy link
Owner Author

laurent22 commented Jan 18, 2025

Oh indeed it's using tab for me too. I copied and pasted that list from somewhere which is probably why it's indented with four tabs. Could we just increase the tab size a bit to make it match the one in the viewer? Looks like it's missing 5 pixels or so

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug It's a bug desktop All desktop platforms high High priority issues
Projects
None yet
Development

No branches or pull requests

2 participants