diff options
| author | r <r@freesoftwareextremist.com> | 2019-12-19 16:19:44 +0000 |
|---|---|---|
| committer | r <r@freesoftwareextremist.com> | 2019-12-19 16:19:44 +0000 |
| commit | 7c6097703cc357a133b34ed22d9d4da31d698860 (patch) | |
| tree | b707386fc29d84dd88d11ad2f4be5d8fead81e59 | |
| parent | ebd6636167f2868ec6b8174ff2ead185ed4ab1e1 (diff) | |
| download | bloat-7c6097703cc357a133b34ed22d9d4da31d698860.tar.gz bloat-7c6097703cc357a133b34ed22d9d4da31d698860.zip | |
Improve css for mobile devices
| -rw-r--r-- | static/main.css | 19 | ||||
| -rw-r--r-- | templates/error.tmpl | 9 | ||||
| -rw-r--r-- | templates/thread.tmpl | 13 | ||||
| -rw-r--r-- | templates/timeline.tmpl | 11 |
4 files changed, 36 insertions, 16 deletions
diff --git a/static/main.css b/static/main.css index 3ad86e8..b3dce7a 100644 --- a/static/main.css +++ b/static/main.css @@ -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; +} diff --git a/templates/error.tmpl b/templates/error.tmpl index b6943be..890b5a7 100644 --- a/templates/error.tmpl +++ b/templates/error.tmpl @@ -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"}} diff --git a/templates/thread.tmpl b/templates/thread.tmpl index 3ad5dae..d4c88de 100644 --- a/templates/thread.tmpl +++ b/templates/thread.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/> - <textarea id="post-content" name="content" class="post-content" cols="50" rows="5">{{$.ReplyContent}}</textarea> - <br/> - Attachments <input id="post-file-picker" type="file" name="attachments" multiple> - <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> + </div> + <div> + Attachments <input id="post-file-picker" type="file" name="attachments" multiple> + </div> <button type="submit"> Post </button> </form> {{end}} diff --git a/templates/timeline.tmpl b/templates/timeline.tmpl index 53e3ad7..fe426de 100644 --- a/templates/timeline.tmpl +++ b/templates/timeline.tmpl @@ -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/> - <textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea> - <br/> - Attachments <input id="post-file-picker" type="file" name="attachments" multiple> - <br/> + <div class="post-content-container"> + <textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea> + </div> + <div class="post-attachment-div"> + Attachments <input id="post-file-picker" type="file" name="attachments" multiple> + </div> <button type="submit"> Post </button> </form> |