Add conversations modal
This commit is contained in:
@@ -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 }}
|
||||
Reference in New Issue
Block a user