Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: handle super tall images in onebox respectfully. 

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
Show Stats 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 {