From 89b47bb653a4e8fbb40b5e39b002a6e97283755b Mon Sep 17 00:00:00 2001 From: Tim Abbott Date: Fri, 6 Jan 2017 17:14:08 -0800 Subject: [PATCH] Revert "Fix Small Image Preview Sizing." This reverts commit e4761782e070343e053081617833e4bb5e8fab0b. This caused performance problems and jolting of the main UI, because it broke the important invariant that the height of a Zulip message should not depend on the content of slow-to-load assets such as images. --- static/styles/zulip.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/static/styles/zulip.css b/static/styles/zulip.css index f61d7fa1eb..2730b00681 100644 --- a/static/styles/zulip.css +++ b/static/styles/zulip.css @@ -1825,16 +1825,11 @@ div.floating_recipient { .message_inline_image { margin-bottom: 5px; margin-left: 5px; - max-height: 100px; + height: 100px; display: block !important; border: none !important; } -/* this forces the line to have inline-block styling which gives it a height. */ -.message_inline_image a { - display: inline-block; -} - .message_inline_ref { margin-bottom: 5px; margin-left: 5px; @@ -1847,7 +1842,7 @@ div.floating_recipient { .message_inline_image img, .message_inline_ref img { height: auto; - max-height: 100px; + max-height: 100%; float: left; margin-right: 10px; }