Small messageList layout improvement

This commit is contained in:
the-djmaze 2023-02-06 13:25:20 +01:00
parent 4f7f713046
commit 9cec77ecc1
2 changed files with 5 additions and 4 deletions

View file

@ -230,14 +230,15 @@ html:not(rl-mobile) {
} }
time, .sizeParent { time, .sizeParent {
margin: 0 5px; margin: 0 5px 0 0;
opacity: 0.7; opacity: 0.7;
font-size: 11px; font-size: 11px;
white-space: nowrap; white-space: nowrap;
min-width: 3.5em;
text-align: right;
} }
.attachmentParent { .attachmentParent {
line-height: 1 !important;
margin: 0 10px 0 5px; margin: 0 10px 0 5px;
} }

View file

@ -140,11 +140,11 @@
<div class="flagParent fontastic"></div> <div class="flagParent fontastic"></div>
<div class="senderParent actionHandle" data-bind="attr: {'title': senderClearEmailsString}, text: senderEmailsString"></div> <div class="senderParent actionHandle" data-bind="attr: {'title': senderClearEmailsString}, text: senderEmailsString"></div>
<div class="subjectParent actionHandle" data-bind="text: subject"></div> <div class="subjectParent actionHandle" data-bind="text: subject"></div>
<div class="threads-len" data-bind="visible: 1 < threadsLen(), text: threadsLen"></div>
<div class="attachmentParent actionHandle"> <div class="attachmentParent actionHandle">
<i data-bind="css: attachmentIconClass"></i> <i data-bind="css: attachmentIconClass"></i>
</div> </div>
<div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div> <div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div>
<div class="threads-len" data-bind="visible: 1 < threadsLen(), text: threadsLen"></div>
<time class="actionHandle" data-bind="attr:{'data-moment-format':$root.timeFormat()}, moment: dateTimeStampInUTC"></time> <time class="actionHandle" data-bind="attr:{'data-moment-format':$root.timeFormat()}, moment: dateTimeStampInUTC"></time>
</div> </div>
</div> </div>
@ -160,11 +160,11 @@
<div class="flagParent fontastic"></div> <div class="flagParent fontastic"></div>
<div class="senderParent actionHandle" data-bind="attr: {'title': senderClearEmailsString}, text: senderEmailsString"></div> <div class="senderParent actionHandle" data-bind="attr: {'title': senderClearEmailsString}, text: senderEmailsString"></div>
<div class="subjectParent actionHandle" data-bind="text: subject"></div> <div class="subjectParent actionHandle" data-bind="text: subject"></div>
<div class="threads-len" data-bind="visible: 1 < threadsLen(), text: threadsLen"></div>
<div class="attachmentParent actionHandle"> <div class="attachmentParent actionHandle">
<i data-bind="css: attachmentIconClass"></i> <i data-bind="css: attachmentIconClass"></i>
</div> </div>
<div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div> <div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div>
<div class="threads-len" data-bind="visible: 1 < threadsLen(), text: threadsLen"></div>
<time class="actionHandle" data-moment-format="AUTO" data-bind="moment: dateTimeStampInUTC"></time> <time class="actionHandle" data-moment-format="AUTO" data-bind="moment: dateTimeStampInUTC"></time>
</div> </div>
</div> </div>