From 9ebfef6c6e1c1fd54f4d415623e50883523eadcb Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 16 Aug 2020 11:56:21 +0200 Subject: [PATCH] Sidebar height fix --- components/main.scss | 9 +++++---- public/main.css | 8 +++++--- 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/components/main.scss b/components/main.scss index 34da7c2..ee3c842 100644 --- a/components/main.scss +++ b/components/main.scss @@ -54,6 +54,7 @@ body{ grid-template-areas: "header header" "sidebar content"; margin: 0; padding: 0; + min-height: 100vh; } .LP-Main__Content{ @@ -77,6 +78,10 @@ body{ } } +.LP-Menu__Trigger{ + display: none; +} + @media(max-width: $-viewport-normal){ .LP-Wrapper__Site{ grid-template-columns: (0.75 * $-sidebar-width) 1fr; @@ -135,10 +140,6 @@ body{ animation-duration: .3s; } - .LP-Menu__Trigger{ - display: none; - } - .LP-Menu__TriggerLabel{ z-index: 20; height: 60px; diff --git a/public/main.css b/public/main.css index d47c9c2..dba298e 100644 --- a/public/main.css +++ b/public/main.css @@ -23,7 +23,8 @@ body { grid-template-rows: auto 1fr; grid-template-areas: "header header" "sidebar content"; margin: 0; - padding: 0; } + padding: 0; + min-height: 100vh; } .LP-Main__Content { min-height: 1px; @@ -41,6 +42,9 @@ body { .LP-Section .LP-Headline { margin-left: -25px; } +.LP-Menu__Trigger { + display: none; } + @media (max-width: 1000px) { .LP-Wrapper__Site { grid-template-columns: 187.5px 1fr; } } @@ -83,8 +87,6 @@ body { #toggle_sidebar ~ .LP-Main__Sidebar { animation-name: slide_in_siedebar; animation-duration: .3s; } - .LP-Menu__Trigger { - display: none; } .LP-Menu__TriggerLabel { z-index: 20; height: 60px;