Use correct body padding when not logged in to allow for top navigation bar

2021-08-12 00:33:43 +02:00 · 2021-08-12 00:33:43 +02:00 · aeb924cab9
parent d86bf2bf9d
commit aeb924cab9
2 changed files with 6 additions and 1 deletions
--- a/app/assets/stylesheets/elements/_body.scss
+++ b/app/assets/stylesheets/elements/_body.scss
@ -9,4 +9,9 @@ body {
  @include media-breakpoint-down('md') {
    padding-bottom: $navbar-height;
  }
+
+  &.not-logged-in {
+    padding-top: $navbar-height;
+    padding-bottom: 0;
+  }
 }
--- a/app/views/layouts/base.haml
+++ b/app/views/layouts/base.haml
@ -20,7 +20,7 @@
    = csrf_meta_tags
    = yield(:og)
    = yield(:meta)
-  %body
+  %body{ class: user_signed_in? ? '' : 'not-logged-in'}
    - if user_signed_in?
      = render 'navigation/main'
    - else