diff options
| author | Hunternif | 2019-04-11 08:03:11 +0700 |
|---|---|---|
| committer | Hunternif | 2019-04-11 09:23:23 +0700 |
| commit | 61502dd733e8570765abc0d98109650581fd84e0 (patch) | |
| tree | 3b81ce9d323632871932edc5ae6027f797f6c415 /client | |
| parent | 04e0f7f12c2f99f9fdebd24c6db54618f68ed139 (diff) | |
Adjust padding on mobile post page, move the comments section to bottom, tags to top
Diffstat (limited to 'client')
| -rw-r--r-- | client/css/core-general.styl | 4 | ||||
| -rw-r--r-- | client/css/post-main-view.styl | 18 | ||||
| -rw-r--r-- | client/html/post_main.tpl | 26 |
3 files changed, 38 insertions, 10 deletions
diff --git a/client/css/core-general.styl b/client/css/core-general.styl index b36822a..bdae91c 100644 --- a/client/css/core-general.styl +++ b/client/css/core-general.styl @@ -72,8 +72,8 @@ form .fa-question-circle-o #content-holder padding: 1.5em text-align: center - @media (max-width: 1000px) - padding: 1em + @media (max-width: 800px) + padding: 0 >.content-wrapper box-sizing: border-box /* make max-width: 100% on this element include padding */ text-align: left diff --git a/client/css/post-main-view.styl b/client/css/post-main-view.styl index 07d23ef..3304252 100644 --- a/client/css/post-main-view.styl +++ b/client/css/post-main-view.styl @@ -34,13 +34,14 @@ font-size: 140% text-align: center @media (max-width: 800px) - margin-top: 2em + margin-top: 1em >.content width: 100% .post-container - margin-bottom: 2em + @media (min-width: 800px) + margin-bottom: 2em .post-content margin: 0 @@ -53,11 +54,16 @@ min-width: 100% max-width: 0 margin-right: 0 + >.sidebar-container, + .comments-panel + padding: 1em + padding-top: 0 >.content order: 1 .post-view .readonly-sidebar + display: grid .details i margin-right: 0.6em @@ -100,6 +106,10 @@ display: inline-block width: 2em + @media (max-width: 800px) + order: 2 + margin-top: 1em + .relations margin-top: 2em h1 @@ -116,6 +126,10 @@ margin-top: 2em h1 margin-bottom: 0.5em + @media (max-width: 800px) + margin-top: 0 + h1 + display: none .post-view .edit-sidebar .expander-content diff --git a/client/html/post_main.tpl b/client/html/post_main.tpl index 2d55538..f017136 100644 --- a/client/html/post_main.tpl +++ b/client/html/post_main.tpl @@ -63,18 +63,32 @@ </nav> <div class='sidebar-container'></div> + + <% if (screen.width <= 1000) { %> + <div class='comments-panel'> + <% if (ctx.canListComments) { %> + <div class='comments-container'></div> + <% } %> + <% if (ctx.canCreateComments) { %> + <a id='add-comment-button'><h3>Add comment</h3></a> + <div class='comment-form-container'></div> + <% } %> + </div> + <% } %> </aside> <div class='content'> <div class='post-container'></div> - <% if (ctx.canListComments) { %> - <div class='comments-container'></div> - <% } %> + <% if (screen.width > 1000) { %> + <% if (ctx.canListComments) { %> + <div class='comments-container'></div> + <% } %> - <% if (ctx.canCreateComments) { %> - <a id='add-comment-button'><h3>Add comment</h3></a> - <div class='comment-form-container'></div> + <% if (ctx.canCreateComments) { %> + <a id='add-comment-button'><h3>Add comment</h3></a> + <div class='comment-form-container'></div> + <% } %> <% } %> </div> </div> |