search

Make-md / makemd

http://www.make.md
MIT License
1.04k stars 34 forks source link

Wrapping files/folders #311

Closed N3C2L closed 2 months ago

N3C2L commented 4 months ago

I can use this snippet for the native obsidian file explorer to wrap text (useful for displaying long file titles when the sidebar is small):

.workspace-leaf-content[data-type=file-explorer]` .nav-file-title-content, .workspace-leaf-content[data-type=file-explorer] .nav-folder-title-content { display: inline-block; overflow-wrap: anywhere; overflow: hidden; border-left: solid 0.1px; white-space: normal; text-overflow: ellipsis; border-bottom: solid 0.1px; }

But if I reuse this snippet for the make.md classes, it's not wrapping correctly:

.mk-tree-text { display: inline-block; overflow-wrap: anywhere; overflow: hidden; border-left: solid 0.1px; white-space: normal; text-overflow: ellipsis; border-bottom: solid 0.1px; }

@jp-cen Can you help me here, please?

jp-cen commented 4 months ago

Text wrapping most likely won't work well due to the list being optimized and having precalculated heights. You can always work with the existing row height.

However, here's a snippet if you want to try, the row size won't auto adjust. You can either increase the height for all rows or reduce the text size.

.mk-tree-text { overflow: visible; display: flex; max-width: 100%; white-space: break-spaces; }