[FEAT] image scaling on mobile

[dengrish]

ISSUE

I have many flashcards that include images. When I create them on a desktop computer, I set appropriate width using the bar |.

Example: ![[Pasted image 20240508142713.png|350]].

When I later review the flashcards on a smartphone, those images typically turn out to be too wide requiring horizontal scrolling. This makes reviewing on a smartphone inconvenient.

---

PROPOSED SOLUTION

When flashcards are reviewed on a smartphone, the bar that sets image width should be ignored so that image width is fit to the width of the screen.

Example: Image ![[Pasted image 20240508142713.png|350]] would be displayed as ![[Pasted image 20240508142713.png]] (removing "|350").

[ronzulu]

Hi @dengrish thanks for the suggestion.

Would there be cases where this would not be wanted? Do you think it would need to be an option for users?

Or maybe conditional, e.g. only where the specified width is greater than a configurable constant?

Cheers
Ronny

[dengrish]

Yes. I think there should be an option:

1. Show images using widths as specified (number after |).
2. Ignore the specified widths to scale images to the width of the screen.