diff options
| author | Hunternif | 2019-04-13 02:14:26 +0700 |
|---|---|---|
| committer | Hunternif | 2019-04-13 02:40:32 +0700 |
| commit | 6ae04da0a413039a07f73237313deeea07c69aee (patch) | |
| tree | a1df357cc9a15ff530d47d87ea4bf6bcc3b2c7bd /client | |
| parent | c65f3dae5e663b4f6757f0b2acf4709dd56e9861 (diff) | |
Fix the 0-padding to only affect the post page
Diffstat (limited to 'client')
| -rw-r--r-- | client/css/core-general.styl | 4 | ||||
| -rw-r--r-- | client/css/post-main-view.styl | 7 | ||||
| -rw-r--r-- | client/css/user-registration.styl | 5 | ||||
| -rw-r--r-- | client/js/views/post_main_view.js | 8 |
4 files changed, 11 insertions, 13 deletions
diff --git a/client/css/core-general.styl b/client/css/core-general.styl index bdae91c..b36822a 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: 800px) - padding: 0 + @media (max-width: 1000px) + padding: 1em >.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 b7bc08d..38d2a17 100644 --- a/client/css/post-main-view.styl +++ b/client/css/post-main-view.styl @@ -42,6 +42,9 @@ .post-container @media (min-width: 800px) margin-bottom: 2em + @media (max-width: 800px) + margin: -1em // to counter the padding of #content-holder + margin-bottom: 0 .post-content margin: 0 @@ -54,10 +57,6 @@ min-width: 100% max-width: 0 margin-right: 0 - >.sidebar-container, - .comments-panel - padding: 1em - padding-top: 0 >.content order: 1 diff --git a/client/css/user-registration.styl b/client/css/user-registration.styl index 8e1ef8d..bd1a229 100644 --- a/client/css/user-registration.styl +++ b/client/css/user-registration.styl @@ -2,9 +2,12 @@ #user-registration padding-bottom: calc(2vw - 1em) !important + @media (max-with: 1000px) + display: inline-grid form float: left - margin-right: 3em + @media (min-with: 1000px) + margin-right: 3em margin-bottom: 1em .info float: left diff --git a/client/js/views/post_main_view.js b/client/js/views/post_main_view.js index 6883cac..375c43c 100644 --- a/client/js/views/post_main_view.js +++ b/client/js/views/post_main_view.js @@ -35,15 +35,11 @@ class PostMainView { postContainerNode, ctx.post, () => { - const margin = sidebarNode.getBoundingClientRect().left; - return [ window.innerWidth - - postContainerNode.getBoundingClientRect().left - - margin, + postContainerNode.getBoundingClientRect().left, iosCorrectedInnerHeight() - - topNavigationNode.getBoundingClientRect().height - - margin * 2, + topNavigationNode.getBoundingClientRect().height, ]; }); |