Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-07 12:02:53 +08:00
Code Packages Activity Actions 5

UX: handle super tall images in onebox respectfully.

Browse source 
Tall images got distorted previously
This commit is contained in:
Sam 2017-11-23 14:45:46 +11:00
parent ac4b4e30dc
commit 2fe131db9f
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/common/base/onebox.scss
View file

@ -156,10 +156,11 @@ aside.onebox {
.aspect-image { .aspect-image {
max-height: 170px; max-height: 170px;
--magic-ratio: calc(var(--aspect-ratio) + 0.15);
width: calc(128px * var(--magic-ratio));
max-width: 20%; max-width: 20%;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
width: 100%;
height: auto; height: auto;
img { img {