Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Sidebar height fix

Browse Source
This commit is contained in:
reverend 2020-08-16 11:56:21 +02:00
parent 3f69ff8f0d
commit 9ebfef6c6e
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/main.scss
View File

@ -54,6 +54,7 @@ body{
grid-template-areas: "header header" "sidebar content"; grid-template-areas: "header header" "sidebar content";
margin: 0; margin: 0;
padding: 0; padding: 0;
min-height: 100vh;
} }
.LP-Main__Content{ .LP-Main__Content{
@ -77,6 +78,10 @@ body{
} }
} }
.LP-Menu__Trigger{
display: none;
}
@media(max-width: $-viewport-normal){ @media(max-width: $-viewport-normal){
.LP-Wrapper__Site{ .LP-Wrapper__Site{
grid-template-columns: (0.75 * $-sidebar-width) 1fr; grid-template-columns: (0.75 * $-sidebar-width) 1fr;
@ -135,10 +140,6 @@ body{
animation-duration: .3s; animation-duration: .3s;
} }
.LP-Menu__Trigger{
display: none;
}
.LP-Menu__TriggerLabel{ .LP-Menu__TriggerLabel{
z-index: 20; z-index: 20;
height: 60px; height: 60px;

8
public/main.css
View File

@ -23,7 +23,8 @@ body {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
grid-template-areas: "header header" "sidebar content"; grid-template-areas: "header header" "sidebar content";
margin: 0; margin: 0;
padding: 0; } padding: 0;
min-height: 100vh; }
.LP-Main__Content { .LP-Main__Content {
min-height: 1px; min-height: 1px;
@ -41,6 +42,9 @@ body {
.LP-Section .LP-Headline { .LP-Section .LP-Headline {
margin-left: -25px; } margin-left: -25px; }
.LP-Menu__Trigger {
display: none; }
@media (max-width: 1000px) { @media (max-width: 1000px) {
.LP-Wrapper__Site { .LP-Wrapper__Site {
grid-template-columns: 187.5px 1fr; } } grid-template-columns: 187.5px 1fr; } }
@ -83,8 +87,6 @@ body {
#toggle_sidebar ~ .LP-Main__Sidebar { #toggle_sidebar ~ .LP-Main__Sidebar {
animation-name: slide_in_siedebar; animation-name: slide_in_siedebar;
animation-duration: .3s; } animation-duration: .3s; }
.LP-Menu__Trigger {
display: none; }
.LP-Menu__TriggerLabel { .LP-Menu__TriggerLabel {
z-index: 20; z-index: 20;
height: 60px; height: 60px;