remove aside on navbar collapse and add button to toggle visibility

This commit is contained in:
marijus 2014-03-07 13:36:49 +01:00
parent 2a1729e671
commit e8da840eec
6 changed files with 49 additions and 35 deletions

View File

@ -113,7 +113,7 @@
/* conversation */
.thread-wrapper.toplevel_item {
width: 92%;
width: 90%;
}
/* conv_item */

View File

@ -6,25 +6,23 @@ header #banner {
margin-right: auto;
}
main {
padding: 55px 0px 200px 0px;
border-spacing: 10px;
}
aside#region_1 {
display: block;
width: 210px;
position: absolute;
top: 65px;
left: 0;
margin-left: 10px;
min-width: 210px;
display: table-cell;
vertical-align: top;
}
aside input[type='text'] {
width: 174px;
}
section {
position: absolute;
top: 65px;
left: 250px;
display: block;
right: 15px;
padding-bottom: 350px;
width: 100%;
display: table-cell;
vertical-align: top;
}

View File

@ -1,20 +1,21 @@
<!DOCTYPE html >
<html>
<head>
<title><?php if(x($page,'title')) echo $page['title'] ?></title>
<script>var baseurl="<?php echo $a->get_baseurl() ?>";</script>
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head>
<body>
<header><?php if(x($page,'header')) echo $page['header']; ?></header>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<aside id="region_1"><?php if(x($page,'aside')) echo $page['aside']; ?></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"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></aside>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer>
</body>
</html>
<!DOCTYPE html >
<html>
<head>
<title><?php if(x($page,'title')) echo $page['title'] ?></title>
<script>var baseurl="<?php echo $a->get_baseurl() ?>";</script>
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head>
<body>
<header><?php if(x($page,'header')) echo $page['header']; ?></header>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<main>
<aside id="region_1" class="hidden-xs"><?php if(x($page,'aside')) echo $page['aside']; ?></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"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></aside>
</main>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer>
</body>
</html>

View File

@ -2233,7 +2233,7 @@ nav .dropdown-menu {
/* bootstrap overrides */
blockquote {
font-size: $body_font_size;
font-size: $body_font_size;
}
.dropdown-menu {
@ -2282,3 +2282,8 @@ blockquote {
background-color: $nav_bd;
color: $nav_active_icon_colour;
}
#expand-aside {
color: $nav_active_icon_colour;
padding: 7px 10px;
}

View File

@ -22,6 +22,11 @@ function cmtBbClose(comment, id) {
$(document).ready(function() {
$('[data-toggle=show_hide]').click(function() {
$('#expand-aside-icon').toggleClass('icon-circle-arrow-right').toggleClass('icon-circle-arrow-left');
$('#region_1').toggleClass('hidden-xs');
});
$('.group-edit-icon').hover(
function() {
$(this).css('opacity','1.0');},

View File

@ -5,6 +5,11 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{{if $localuser}}
<button id="expand-aside" type="button" class="navbar-toggle" data-toggle="show_hide" data-target="#region_1">
<i class="icon-circle-arrow-right" id="expand-aside-icon"></i>
</button>
{{/if}}
{{if $userinfo}}
<img class="dropdown-toggle fakelink" data-toggle="dropdown" id="avatar" src="{{$userinfo.icon}}" alt="{{$userinfo.name}}"><span class="caret" id="usermenu-caret"></span>
{{if $localuser}}