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:
parent
ed56d8cd70
commit
13fb40fdcc
2 changed files with 8 additions and 5 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue