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

Sidebar and Content the same height

Browse Source
This commit is contained in:
reverend
2020-08-05 18:38:17 +02:00
parent 33c8b302b3
commit 8f7e03cda9
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/05_Pages/_pages.scss
View File

@@ -1,18 +1,19 @@
$-sidebar-width: 250px;
.LP-Main{
display: flex;
display: table;
flex-direction: row-reverse;
height: calc(100% - 61px);
.LP-Main__Content{
flex-grow: 1;
display: table-cell;
width: calc(100% -300px);
min-height: 1px;
padding: 25px;
}
.LP-Main__Sidebar{
flex-shrink: 0;
display: table-cell;
width: $-sidebar-width;
flex-grow: 0;
height: 100%;

6
components/05_Pages/placeDetail/placeDetail.hbs
View File

@@ -1,9 +1,9 @@
{{> @header}}
<article class="LP-Main">
<section class="LP-Main__Content">
</section>
<section class="LP-Main__Sidebar">
{{> @navigation modifier='--sidebar'}}
</section>
<section class="LP-Main__Content">
{{> @placeoverview}}
</section>
</article>