Add conversations modal

This commit is contained in:
dwrz
2026-10-30 23:06:25 +00:00
parent e1457b5130
commit 9020167a92
7 changed files with 429 additions and 1 deletions
@@ -3,6 +3,7 @@
{{ template "main" . }}
{{ template "templates" . }}
{{ template "modal/settings" . }}
{{ template "modal/conversations" . }}
{{ template "modal/edit" . }}
{{ template "modal/compose-settings" . }}
</body>
@@ -9,6 +9,15 @@
>
<svg class="icon"><use href="/static/icons.svg#settings"></use></svg>
</button>
<button
type="button"
class="footer__toolbar-btn"
id="conversations"
data-action="conversations"
aria-label="Conversations"
>
<svg class="icon"><use href="/static/icons.svg#menu"></use></svg>
</button>
<span class="footer__toolbar-context" id="context" hidden></span>
<div class="footer__toolbar-spacer"></div>
<button
@@ -0,0 +1,40 @@
{{ define "modal/conversations" }}
<div class="conversations-overlay" id="conversations-overlay">
<div class="conversations-panel" role="dialog" aria-modal="true"
aria-labelledby="conversations-title">
<div class="conversations-panel__header">
<h2 class="conversations-panel__title" id="conversations-title">
Conversations
</h2>
<button
type="button"
class="footer__toolbar-btn"
id="conversations-close"
aria-label="Close conversations"
>
<svg class="icon"><use href="/static/icons.svg#close"></use></svg>
</button>
</div>
<div class="conversations-panel__search">
<input
type="search"
class="conversations-search"
id="conversation-search"
placeholder="Search conversations..."
aria-label="Search conversations"
autocomplete="off"
/>
</div>
<div class="conversations-panel__list" id="conversation-list"></div>
</div>
</div>
<template id="tpl-conversation-item">
<button type="button" class="conversations__item">
<span class="conversations__item-title"></span>
<span class="conversations__item-updated"></span>
</button>
</template>
{{ end }}