CSS

Updates I have created an plugin for this feature. A simple CSS rule sets the minimum width of the active pane in Obsidian.

SVG can use percentage as unit, but it is often more convenient to use px as unit. Framework such as d3 also uses px internally. However, it is still easy to scale an SVG using attributes viewBox and preserveAspectRatio even px is used as unit internally.

Many editor can wrap a line that reaches the window width and show an indicator in the margin, for example, Emacs. Emacs line wrap with bent arrow in fringe I want to add such line wrap indicators to the code block in HTML. It is easy to add indicators as background image in CSS. But the indicators should only be shown when the line is wrapped. And from the figure, the wrap indicator is not displayed on the last line in the right margin, and not on the first line in the left margin. There’s a :first-line pseudo element selector, there’s no :last-line. However, it can be achieved by using :before and :after with position trick. You can check the result in this jsfiddle. Resize the result panel to see the line wrap indicators. Following is a detailed explanation.