Improve css for mobile devices
This commit is contained in:
parent
ebd6636167
commit
7c6097703c
|
@ -1,5 +1,5 @@
|
|||
.status-container-container {
|
||||
margin: 16px 0;
|
||||
margin: 16px 0 16px -4px;
|
||||
padding: 0 4px;
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
|
@ -14,6 +14,7 @@
|
|||
|
||||
.status-content {
|
||||
margin: 4px 0 8px 0;
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
|
||||
.status-content p {
|
||||
|
@ -90,6 +91,7 @@
|
|||
.status-image,
|
||||
.status-video {
|
||||
max-height: 180px;
|
||||
max-width: 220px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
@ -140,6 +142,7 @@
|
|||
padding: 4px;
|
||||
font-size: 11pt;
|
||||
font-family: initial;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
|
@ -151,7 +154,7 @@
|
|||
}
|
||||
|
||||
.notification-container {
|
||||
margin: 16px 0;
|
||||
margin: 16px 0 16px -4px;
|
||||
padding: 0 4px;
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
|
@ -192,3 +195,15 @@
|
|||
.status-reply-info-divider {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.post-content-container {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.error-text {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.post-attachment-div {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,9 @@
|
|||
{{template "header.tmpl"}}
|
||||
<h1> Error </h1>
|
||||
<div> {{.}} </div>
|
||||
<a href="/timeline"> Home </a>
|
||||
<div class="page-title"> Error </div>
|
||||
<div class="error-text"> {{.}} </div>
|
||||
<div>
|
||||
<a href="/timeline">Home</a>
|
||||
<a href="/signin">Sign In</a>
|
||||
</div>
|
||||
{{template "footer.tmpl"}}
|
||||
|
||||
|
|
|
@ -8,12 +8,13 @@
|
|||
{{if eq .ID $.ReplyToID}}
|
||||
<form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
|
||||
<input type="hidden" name="reply_to_id" value="{{$.ReplyToID}}" />
|
||||
<label for="post-content"> Reply to {{.Account.DisplayName}} </label>
|
||||
<br/>
|
||||
<label for="post-content"> reply to {{.Account.DisplayName}} </label>
|
||||
<div class="post-form-content-container">
|
||||
<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>
|
||||
<br/>
|
||||
</div>
|
||||
<button type="submit"> Post </button>
|
||||
</form>
|
||||
{{end}}
|
||||
|
|
|
@ -4,11 +4,12 @@
|
|||
|
||||
<form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
|
||||
<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>
|
||||
<br/>
|
||||
</div>
|
||||
<div class="post-attachment-div">
|
||||
Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
|
||||
<br/>
|
||||
</div>
|
||||
<button type="submit"> Post </button>
|
||||
</form>
|
||||
|
||||
|
|
Loading…
Reference in New Issue