e39879ec9a
This patch contains a whole lot of layout improvements for the alps theme, mainly replacing the table soup with flexbox and CSS grids, and fixing up a number of loose ends. This gives us a lot more flexibility over how the page is laid out. I also cleaned up a lot of other low-hanging fruit in the layout & styles.
48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<div class="message-list-checkbox">
|
||
<input type="checkbox" id="action-checkbox-all"/>
|
||
</div>
|
||
<div class="actions-wrap">
|
||
<div class="actions-message">
|
||
<div class="action-group">
|
||
{{ if and (eq .Mailbox.Name "INBOX") (not (eq .Mailbox.Name "Archive")) }}
|
||
<button form="messages-form" formaction="/message/{{.Mailbox.Name | pathescape}}/move?to=Archive">Archive</button>
|
||
{{ end }}
|
||
</div>
|
||
|
||
<div class="action-group">
|
||
{{ if or (eq .Mailbox.Name "INBOX") (eq .Mailbox.Name "Trash") }}
|
||
<button form="messages-form" formaction="/message/{{.Mailbox.Name | pathescape}}/move?to=Junk">Report Spam</button>
|
||
{{ end }}
|
||
</div>
|
||
|
||
<div class="action-group">
|
||
{{ if ne .Mailbox.Name "Trash"}}
|
||
<button form="messages-form" formaction="/message/{{.Mailbox.Name | pathescape}}/move?to=Trash">Delete</button>
|
||
{{ else }}
|
||
<button form="messages-form" formaction="/message/{{.Mailbox.Name | pathescape}}/delete">Delete Permanently</button>
|
||
{{ end }}
|
||
</div>
|
||
|
||
<div class="action-group">
|
||
<a href="{{ .GlobalData.URL.String }}" class="button-link">Refresh</a>
|
||
</div>
|
||
</div>
|
||
|
||
<form method="get" class="actions-search">
|
||
<input type="text" name="query" value="{{.Query}}" placeholder="Search messages...">
|
||
<button>Search</button>
|
||
</form>
|
||
|
||
{{if or (ge .PrevPage 0) (ge .NextPage 0) }}
|
||
<div class="actions-pagination">
|
||
{{if ge .PrevPage 0}}
|
||
{{if ge .PrevPage 1}}<a href="?page=0" class="button-link">«</a>{{ end }}
|
||
<a href="?page={{.PrevPage}}" class="button-link">‹</a>
|
||
{{end}}
|
||
{{if ge .NextPage 0}}
|
||
<a href="?page={{.NextPage}}" class="button-link">›</a>
|
||
{{end}}
|
||
</div>
|
||
{{ end }}
|
||
</div>
|