gostfix/web/templates/maillist.html

<!-- <div class="fadeIn" style="position: absolute; top: 5pt; left: 0; right: 0; height: 10pt"></div> -->
{{range .}}
<div id="mail{{.Id}}" class="mailHeaderContainer {{if .Read}}read{{else}}unread{{end}}" style="position: relative;" onmouseover="$('#mailControlPanel{{.Id}}').show()" onmouseout="$('#mailControlPanel{{.Id}}').hide()">
    <div class="mailHeader noselect" onclick="mailOpen('{{.Id}}');">
        <div style="display: block; margin: 10px 12px;">
            <label class="cbox" onclick="event.stopPropagation();">
                <input type="checkbox" onclick="selectMail('{{.Id}}', event.target); event.stopPropagation(); return true;">
                <span></span>
            </label>
        </div>
        <div class="mailFrom elidedText noselect">{{.Mail.Header.From}}</div>
        <div class="mailSubject elidedText noselect">{{.Mail.Header.Subject}}</div>
        <div id="mailDate{{.Id}}" class="mailDate elidedText noselect"><script>localDate('mailDate{{.Id}}', {{.Mail.Header.Date}})</script></div>
    </div>
    <div id="mailControlPanel{{.Id}}" class="mailControlPanel">
        <div style="width: 100%; height: 100%; display: flex; flex-direction: row;">
            <img id="readListIcon{{.Id}}" class="iconBtn" style="width: 20px; margin-left: 40px; margin-right: 10px;" onclick="toggleRead('{{.Id}}', 'readListIcon'); event.stopPropagation(); return false;" src="/assets/{{if .Read}}read{{else}}unread{{end}}.svg"/>
            <img id="deleteListIcon" class="iconBtn" style="width: 20px; margin-right: 10px;" onclick="removeMail({{.Id}}, closeDetails); event.stopPropagation(); return false;" src="/assets/remove.svg"/>
        </div>
    </div>
</div>
{{end}}
<!-- <div class="fadeOut" style="position: absolute; bottom: 5pt; left: 0; right: 0; height:10pt"></div> -->