Commit d8805392 authored by phani00's avatar phani00

multicolumn: apply only for /network and /pubstream.

in default.php check if page_title == 'network' or 'pubstream.' if yes
change <div class='columns'> to <div class='columns double-col'> and
use that to selectively apply floating CSS rules.
parent 452a9e14
......@@ -11,22 +11,34 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<main>
<div class="content">
<div class="columns">
<!-- check if page_title is network or pubstream. if yes, apply double-column layout: -->
<?php
$column_class = '';
if($page['page_title'] == 'network' || $page['page_title'] == 'pubstream') {
$column_class = ' double-col';
}
?>
<!-- add 'double-col' as additional class to this div: -->
<div class="columns<?php echo $column_class; ?>">
<aside id="region_1">
<div class="aside_spacer">
<div id="left_aside_wrapper">
<?php if(x($page,'right_aside')) echo $page['right_aside']; ?>
<!-- for double-column layout, add right_aside before aside: -->
<?php if(x($page,'right_aside') && $column_class !== '') echo $page['right_aside']; ?>
<?php if(x($page,'aside')) echo $page['aside']; ?>
</div>
</div>
</aside>
<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
<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>-->
<!-- show right_aside only if it's not double-column: -->
<?php if($column_class === ''): ?>
<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>
<?php endif; ?>
</div>
</div>
</main>
......
......@@ -530,10 +530,8 @@ aside#region_1, aside#region_3 {
.thread-wrapper.toplevel_item.generic-content-wrapper,
.acl-form {
width: 49%;
float: left;
max-width: 700px;
margin: 36px 4px 4px;
margin: 36px auto 4px auto;
border-top: 5px solid #888;
border: 1px double #888;
border-top: 4px double #888;
......@@ -542,6 +540,14 @@ aside#region_1, aside#region_3 {
padding: 0 8px 3px;
}
.double-col .thread-wrapper.toplevel_item.generic-content-wrapper,
.double-col .acl-form {
width: 48%;
float: left;
margin: 36px 1%;
}
.wall-item-content-wrapper {
background-color: #110b0b;
}
......
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