Improve css for mobile devices

This commit is contained in:
r 2019-12-19 16:19:44 +00:00
parent ebd6636167
commit 7c6097703c
4 changed files with 36 additions and 16 deletions

View file

@ -1,5 +1,5 @@
.status-container-container { .status-container-container {
margin: 16px 0; margin: 16px 0 16px -4px;
padding: 0 4px; padding: 0 4px;
border-left: 4px solid transparent; border-left: 4px solid transparent;
} }
@ -14,6 +14,7 @@
.status-content { .status-content {
margin: 4px 0 8px 0; margin: 4px 0 8px 0;
word-wrap: anywhere;
} }
.status-content p { .status-content p {
@ -90,6 +91,7 @@
.status-image, .status-image,
.status-video { .status-video {
max-height: 180px; max-height: 180px;
max-width: 220px;
width: auto; width: auto;
} }
@ -140,6 +142,7 @@
padding: 4px; padding: 4px;
font-size: 11pt; font-size: 11pt;
font-family: initial; font-family: initial;
max-width: 100%;
} }
.pagination { .pagination {
@ -151,7 +154,7 @@
} }
.notification-container { .notification-container {
margin: 16px 0; margin: 16px 0 16px -4px;
padding: 0 4px; padding: 0 4px;
border-left: 4px solid transparent; border-left: 4px solid transparent;
} }
@ -192,3 +195,15 @@
.status-reply-info-divider { .status-reply-info-divider {
margin: 0 4px; margin: 0 4px;
} }
.post-content-container {
padding-right: 8px;
}
.error-text {
margin: 8px 0;
}
.post-attachment-div {
margin: 2px 0;
}

View file

@ -1,6 +1,9 @@
{{template "header.tmpl"}} {{template "header.tmpl"}}
<h1> Error </h1> <div class="page-title"> Error </div>
<div> {{.}} </div> <div class="error-text"> {{.}} </div>
<a href="/timeline"> Home </a> <div>
<a href="/timeline">Home</a>
<a href="/signin">Sign In</a>
</div>
{{template "footer.tmpl"}} {{template "footer.tmpl"}}

View file

@ -8,12 +8,13 @@
{{if eq .ID $.ReplyToID}} {{if eq .ID $.ReplyToID}}
<form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data"> <form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
<input type="hidden" name="reply_to_id" value="{{$.ReplyToID}}" /> <input type="hidden" name="reply_to_id" value="{{$.ReplyToID}}" />
<label for="post-content"> Reply to {{.Account.DisplayName}} </label> <label for="post-content"> reply to {{.Account.DisplayName}} </label>
<br/> <div class="post-form-content-container">
<textarea id="post-content" name="content" class="post-content" cols="50" rows="5">{{$.ReplyContent}}</textarea> <textarea id="post-content" name="content" class="post-content" cols="50" rows="5">{{$.ReplyContent}}</textarea>
<br/> </div>
<div>
Attachments <input id="post-file-picker" type="file" name="attachments" multiple> Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
<br/> </div>
<button type="submit"> Post </button> <button type="submit"> Post </button>
</form> </form>
{{end}} {{end}}

View file

@ -4,11 +4,12 @@
<form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data"> <form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
<label for="post-content"> New Post </label> <label for="post-content"> New Post </label>
<br/> <div class="post-content-container">
<textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea> <textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea>
<br/> </div>
<div class="post-attachment-div">
Attachments <input id="post-file-picker" type="file" name="attachments" multiple> Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
<br/> </div>
<button type="submit"> Post </button> <button type="submit"> Post </button>
</form> </form>