Make spacing at top/bottom of last seen indicator consistent

Sadly, that spacing now needs to be bigger because scrollIntoView
doesn't honor margins which overlap each other to eliminate this kind of
'too much spacing' kind of problem.

FREEBIE
This commit is contained in:
Scott Nonnenberg 2017-06-08 15:36:05 -07:00
parent ed56d8cd70
commit 13fb40fdcc
2 changed files with 8 additions and 5 deletions

View file

@ -696,9 +696,12 @@ li.entry .error-icon-container {
}
.message-list .last-seen-indicator-view {
// We need this extra layer of DOM nodes because scrollIntoView() doesn't honor margins
padding-bottom: 2em;
padding-top: 2em;
// This padding is large so we clear the avatar circle extending into the conversation
// window.scrollIntoView() doesn't honor margins, so we're using padding
// padding-top is less to account for the 10px margin at the bottom of messages
padding-top: 25px;
padding-bottom: 35px;
.bar {
display: flex;

View file

@ -1506,8 +1506,8 @@ li.entry .error-icon-container {
border-radius: 5px; }
.message-list .last-seen-indicator-view {
padding-bottom: 2em;
padding-top: 2em; }
padding-top: 25px;
padding-bottom: 35px; }
.message-list .last-seen-indicator-view .bar {
display: flex;
flex-direction: column;