-
-
Notifications
You must be signed in to change notification settings - Fork 171
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: chat "scrolling up" because of imgs loading #4431
Conversation
3f8b90b
to
410127a
Compare
410127a
to
0b05ac9
Compare
0b05ac9
to
ada6bf5
Compare
An alternative solution would be #4314. |
height: var(--quote-img-size); | ||
// do not set width, to keep the aspect ratio (see https://github.com/deltachat/deltachat-desktop/issues/3931) | ||
width: var(--quote-img-size); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is object-fit: scale-down in conjunction with width: 100% not enough (and better since it does not force any image to have a 36px width)?
I tested various variants with extreme landscape ratios and text and it looked better.
But I can also live with the current solutions, since we are going to find amore adaptive generic solution for images anyway (hopefully)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Have you tried quoting a in image with a captoion or just an image?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I tried with text and without. But it's true, with an extrem ratio (like 1300 x 30 px) it hides the text. So let's solve that hopefully soon as said above
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
width: 100%
simply makes it take up 50% of the flex container, which can be adjusted with flex-shrink
. IDK if this is what we want.
ada6bf5
to
a4e2290
Compare
Visual aspect, before / after:
![image](https://private-user-images.githubusercontent.com/39462442/398003735-320f4b3e-55c5-4a7d-81e8-ef8d566c11d4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MDIwNjAsIm5iZiI6MTczOTYwMTc2MCwicGF0aCI6Ii8zOTQ2MjQ0Mi8zOTgwMDM3MzUtMzIwZjRiM2UtNTVjNS00YTdkLTgxZTgtZWY4ZDU2NmMxMWQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDA2NDI0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE1NTUwNzcxOTk5MTY3OTQ3YjMxM2M2ZTBlNWU5MjhkNzZlZGUyZWVlNDJhNDkyZTM4ZGI2ZmQwYzNlZWUwYjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.e2N9TvHRq6AJSrFMzW1jeKN3X3GLMklSPcmjRRmYqVk)
This, together with #4407,
should close #4404.
The bug was introduced in #3999.
Pior to that we used to have fixed width on quoted images as well.
This commmit practically reverts that MR, but also adds
object-fit
andobject-position
, and is now in line withmessage attachment images