Images in org files don't display properly
Summary
Added a README.org which does not display as it should.
It works perfectly fine on github.
Steps to reproduce
- Add large image.
- Add README.org which contains a link to the image.
Example Project
- Gitlab: https://gitlab.com/RobinWils/devuan-debootstrap-scripts
- Github: https://github.com/Robin-Wils/Devuan-Debootstrap-Scripts
What is the current bug behavior?
The image becomes bigger as the grid of the file-content
(tested on Chromium and GNU Icecat).
This looks ugly.
What is the expected correct behavior?
Don't let the image become bigger as the grid of the file-content.
Output of checks
This bug happens on GitLab.com.
Possible fixes
Update the CSS or JavaScript.
The following CSS could fix it:
.file-content p img {
width: 100%; /* will be used by browsers which ignore both the -moz and -webkit-prefixed declarations or do not support -moz-available or -webkit-fill-available. */
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}