Sidebar and Content the same height
This commit is contained in:
parent
33c8b302b3
commit
8f7e03cda9
@ -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%;
|
||||
|
@ -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>
|
@ -280,7 +280,8 @@ body {
|
||||
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:hover {
|
||||
border-right: 2px solid #C09F80;
|
||||
position: relative;
|
||||
background-color: #D7CEC7; }
|
||||
background-color: #D7CEC7;
|
||||
color: #76323F; }
|
||||
|
||||
@media (max-width: 750px) {
|
||||
.LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
|
||||
@ -373,7 +374,7 @@ body {
|
||||
margin-top: 12px; }
|
||||
.LP-LinkList__List .LP-LinkList__Item .LP-Link {
|
||||
padding: 1em 0 1em 1em;
|
||||
width: calc(100% - $-link-padding);
|
||||
width: calc(100% - 1em);
|
||||
display: block;
|
||||
color: #565656; }
|
||||
.LP-LinkList__List .LP-LinkList__Item .LP-Link--iconized {
|
||||
@ -516,15 +517,16 @@ body {
|
||||
padding: 0; } }
|
||||
|
||||
.LP-Main {
|
||||
display: flex;
|
||||
display: table;
|
||||
flex-direction: row-reverse;
|
||||
height: calc(100% - 61px); }
|
||||
.LP-Main .LP-Main__Content {
|
||||
flex-grow: 1;
|
||||
display: table-cell;
|
||||
width: calc(100% -300px);
|
||||
min-height: 1px; }
|
||||
min-height: 1px;
|
||||
padding: 25px; }
|
||||
.LP-Main .LP-Main__Sidebar {
|
||||
flex-shrink: 0;
|
||||
display: table-cell;
|
||||
width: 250px;
|
||||
flex-grow: 0;
|
||||
height: 100%; }
|
||||
|
Loading…
Reference in New Issue
Block a user