Image view options

[shreevatsa]

Add to the Prosemirror menu with three options:

• No images (reading mode)
• Chunk by chunk (default)
• Line by line (for re-editing)

[shreevatsa]

I have hide-show working for (chunk) images, but nothing yet for bringing back the line-by-line view. That requires changing the toDOM() of line (I guess — though chunk remains an option, will have to look at the code), so that for a chunk with N lines, there are at any time 1+N image divs on the page, the former with class .chunk-image (say) and the latter with class .line-image, and CSS variables for each.

[shreevatsa]

Reopening: what we'd like is:

• No images (reading mode)
• Beside text (chunk by chunk)
• Beside text (line by line)
• Above text (chunk by chunk)
• Above text (line by line)

The current "beside if possible otherwise above" is probably not desired?

[shreevatsa]

Given the current DOM structure:

• chunk chunk-type-{paragraph|verse|...}
  • chunk-images
  • chunk-image
  • chunk-contents
  • line
    • line-image
    • line-contents

I guess we could say:

• Reading mode: chunk=flex, chunk-image=none, line-image=none, line=inline-flex? (At least outer display type = line)
• Beside, chunks: chunk=flex, chunk-image=block, line-image=none, line=inline-flex
• Beside, lines: chunk=flex, chunk-image=none, line-image=block, line=block
• Above, chunks: chunk=block, chunk-image=block, line-image=none, line=inline-flex
• Above, lines: chunk=block, chunk-image=none, line-image=block, line=block

#	Mode	Chunk	Chunk Image	Line Image	Line
0	Reading mode	flex	none	none	inline-flex
1	Beside, chunks	flex	block	none	inline-flex
2	Beside, lines	flex	none	block	block
3	Above, chunks	block	block	none	inline-flex
4	Above, lines	block	none	block	block

[shreevatsa]

The "beside, lines" option has some wonkiness (image gets cut off).