Commit 58c0b819 authored by Mario's avatar Mario

use flex for the default template


(cherry picked from commit 3775be4c)
parent 3b42bd43
Pipeline #92400 passed with stage
in 12 minutes and 39 seconds
main {
display: table;
table-layout: fixed;
position: relative;
width: 100%;
height: 100vh;
min-height: 100vh;
display: flex;
flex-direction: column;
}
aside {
.content {
display: flex;
flex: 1;
}
.columns {
display: flex;
flex:1;
min-width: 0;
}
#region_1 {
position: relative;
display: table-cell;
vertical-align: top;
order: 1;
padding: 4.5rem 7px 0px 7px;
}
section {
#region_2 {
position: relative;
width: 100%;
display: table-cell;
vertical-align: top;
flex: 1;
order: 2;
padding: 4.5rem 7px 200px 7px;
min-width: 0;
}
#region_3 {
position: relative;
order: 3;
padding: 4.5rem 7px 0px 7px;
}
......@@ -71,7 +71,6 @@
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid #ccc;
text-align: center;
}
......
......@@ -10,12 +10,16 @@
<header><?php if(x($page,'header')) echo $page['header']; ?></header>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<main>
<aside id="region_1"><div class="aside_spacer"><div id="left_aside_wrapper"><?php if(x($page,'aside')) echo $page['aside']; ?></div></div></aside>
<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
<div class="content">
<div class="columns">
<aside id="region_1"><div class="aside_spacer"><div id="left_aside_wrapper"><?php if(x($page,'aside')) echo $page['aside']; ?></div></div></aside>
<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
<div id="page-footer"></div>
<div id="pause"></div>
</section>
<aside id="region_3" class="d-none d-xl-table-cell"><div class="aside_spacer"><div id="right_aside_wrapper"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></div></div></aside>
<div id="pause"></div>
</section>
<aside id="region_3" class="d-none d-xl-table-cell"><div class="aside_spacer"><div id="right_aside_wrapper"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></div></div></aside>
</div>
</div>
</main>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment