parent
d9ce4c9a62
commit
a3e34040ce
@ -0,0 +1,22 @@ |
|||||||
|
.read-receipts__user { |
||||||
|
display: flex; |
||||||
|
padding: 8px 8px; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.read-receipts__name { |
||||||
|
flex: 1 1 auto; |
||||||
|
margin: 0 10px; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.read-receipts__time { |
||||||
|
font-size: 80%; |
||||||
|
} |
||||||
|
|
||||||
|
.read-receipts__user > .avatar { |
||||||
|
width: 36px; |
||||||
|
width: var(--sidebar-account-thumb-size); |
||||||
|
height: 36px; |
||||||
|
height: var(--sidebar-account-thumb-size); |
||||||
|
} |
@ -1,8 +1,15 @@ |
|||||||
<template name="readReceipts"> |
<template name="readReceipts"> |
||||||
{{#each receipts}} |
{{#if isLoading}} |
||||||
<div class="message background-transparent-dark-hover"> |
{{> loading class="loading-animation--primary"}} |
||||||
<div class="user color-primary-font-color">{{user}}</div> |
{{else}} |
||||||
<span class="time color-info-font-color" title="{{dateTime}}">{{time}}</span> |
<ul class="read-receipts"> |
||||||
</div> |
{{#each receipts}} |
||||||
{{/each}} |
<li class="read-receipts__user background-transparent-dark-hover"> |
||||||
|
{{> avatar username=user.username}} |
||||||
|
<div class="read-receipts__name color-primary-font-color">{{displayName}}</div> |
||||||
|
<span class="read-receipts__time color-info-font-color" title="{{dateTime}}">{{time}}</span> |
||||||
|
</li> |
||||||
|
{{/each}} |
||||||
|
</ul> |
||||||
|
{{/if}} |
||||||
</template> |
</template> |
||||||
|
@ -1,7 +1,7 @@ |
|||||||
<template name="loading"> |
<template name="loading"> |
||||||
<div class="loading-animation"> |
<div class="loading-animation {{class}}"> |
||||||
<div class="bounce1"></div> |
<div class="bounce bounce1"></div> |
||||||
<div class="bounce2"></div> |
<div class="bounce bounce2"></div> |
||||||
<div class="bounce3"></div> |
<div class="bounce bounce3"></div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
|
Loading…
Reference in new issue