Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-19 18:47:03 +00:00
Code Issues Releases Wiki Activity

ui: Add message back/close button for mobile

Browse Source
This commit is contained in:
James Hillyerd
2019-02-09 10:56:40 -08:00
parent 645feeaf85
commit 6724c86181
3 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
ui/src/mailbox.css
View File

@@ -10,21 +10,41 @@
}
.message-list-controls {
display: flex;
display: none;
grid-area: ctrl;
}
.list-active .message-list-controls {
display: flex;
}
.message-list-controls input[type="search"] {
flex: 1 1 auto;
padding: 2px 4px;
}
.message-list {
display: none;
grid-area: list;
}
.list-active .message-list {
display: block;
}
.message {
display: none;
grid-area: mesg;
min-height: 0;
min-width: 0;
}
.message-active .message {
display: block;
}
.message-close {
margin-right: auto !important;
}
@media screen and (min-width: 1000px) {
@@ -37,12 +57,22 @@
}
.message-list {
display: block;
overflow-y: scroll;
}
.message-list-controls {
display: flex;
}
.message {
display: block;
overflow: auto;
}
.message-close {
display: none !important;
}
}
.message-list-entry {
@@ -157,4 +187,3 @@ nav.tab-bar a.active:hover {
.attachments {
width: 100%;
}