UX: handle super tall images in onebox respectfully.

Tall images got distorted previously
2017-11-23 14:45:46 +11:00 · 2017-11-23 14:45:46 +11:00 · 2fe131db9f
parent ac4b4e30dc
commit 2fe131db9f
1 changed files with 2 additions and 1 deletions
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@ -156,10 +156,11 @@ aside.onebox {

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

        img {