From 7a03c2684972b8caa1a77c1acec6e59ccc42509f Mon Sep 17 00:00:00 2001 From: lilia Date: Thu, 5 Mar 2015 17:47:30 -0800 Subject: [PATCH] Adjust message bubble tail position It should align with the center of the avatar. --- stylesheets/_conversation.scss | 4 ++-- stylesheets/manifest.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 72aed097..34413570 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -119,13 +119,13 @@ } &::before { - top: (44px / 2) - 8px; + top: (34px / 2) - 8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } &::after { - top: (44px / 2) - 6px; + top: (34px / 2) - 6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index bf3857f8..713dbc99 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -370,12 +370,12 @@ input.new-message { width: 0; } .message-detail .bubble::before, .message-list .bubble::before { - top: 14px; + top: 9px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .message-detail .bubble::after, .message-list .bubble::after { - top: 16px; + top: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .message-detail .incoming .bubble,