Deuxfleurs/alps
24
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

mailbox view: improve pagination styles

Browse source 
This makes the buttons larger and easier to notice/click.
This commit is contained in:
Drew DeVault 2020-05-13 14:34:04 -04:00 committed by Simon Ser
parent 02bc8f68c9
commit dfb381058b
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
themes/alps/assets/style.css
View file

@ -292,9 +292,22 @@ main table tfoot {
}
.actions-wrap { display: flex; flex-direction: row; }
.actions-pagination { margin-left: 1rem; display: flex; flex-direction: row; }
.actions-search { display: flex; flex-direction: row; flex-grow: 1; }
.actions-pagination {
margin-left: 1rem;
display: flex;
flex-direction: row;
}
.actions-pagination .button-link {
padding: 0.3rem 0.5rem;
}
.actions-pagination .button-link:first-child:not(:last-child) {
margin-right: 0.3rem;
}
.actions-wrap .action-group {
margin-left: 0.3rem;
}

5
themes/alps/messages-header.html
View file

@ -36,11 +36,10 @@
{{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>
<a href="?page={{.PrevPage}}" class="button-link">«</a>
{{end}}
{{if ge .NextPage 0}}
<a href="?page={{.NextPage}}" class="button-link">›</a>
<a href="?page={{.NextPage}}" class="button-link">»</a>
{{end}}
</div>
{{ end }}