thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Adjust message bubble tail position

Browse source 
It should align with the center of the avatar.
This commit is contained in:
lilia 2015-03-05 17:47:30 -08:00
parent fc6c8c0f3e
commit 7a03c26849
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
stylesheets/_conversation.scss
View file

@ -119,13 +119,13 @@
} }
&::before { &::before {
top: (44px / 2) - 8px; top: (34px / 2) - 8px;
border-top: 8px solid transparent; border-top: 8px solid transparent;
border-bottom: 8px solid transparent; border-bottom: 8px solid transparent;
} }
&::after { &::after {
top: (44px / 2) - 6px; top: (34px / 2) - 6px;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }

4
stylesheets/manifest.css
View file

@ -370,12 +370,12 @@ input.new-message {
width: 0; } width: 0; }
.message-detail .bubble::before, .message-detail .bubble::before,
.message-list .bubble::before { .message-list .bubble::before {
top: 14px; top: 9px;
border-top: 8px solid transparent; border-top: 8px solid transparent;
border-bottom: 8px solid transparent; } border-bottom: 8px solid transparent; }
.message-detail .bubble::after, .message-detail .bubble::after,
.message-list .bubble::after { .message-list .bubble::after {
top: 16px; top: 11px;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-bottom: 6px solid transparent; } border-bottom: 6px solid transparent; }
.message-detail .incoming .bubble, .message-detail .incoming .bubble,