aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authormarijus <mario@mariovavti.com>2014-03-07 13:36:49 +0100
committermarijus <mario@mariovavti.com>2014-03-07 13:36:49 +0100
commite8da840eec218acab2e9d26ee33915679ac88b5c (patch)
treea2253faea8519baea5a689c5a516d4f99045cc7c
parent2a1729e6718a6a09fb322d8e115b5d47235ce809 (diff)
downloadvolse-hubzilla-e8da840eec218acab2e9d26ee33915679ac88b5c.tar.gz
volse-hubzilla-e8da840eec218acab2e9d26ee33915679ac88b5c.tar.bz2
volse-hubzilla-e8da840eec218acab2e9d26ee33915679ac88b5c.zip
remove aside on navbar collapse and add button to toggle visibility
-rw-r--r--view/css/conversation.css2
-rw-r--r--view/css/default.css24
-rw-r--r--view/php/default.php41
-rw-r--r--view/theme/redbasic/css/style.css7
-rw-r--r--view/theme/redbasic/js/redbasic.js5
-rwxr-xr-xview/tpl/nav.tpl5
6 files changed, 49 insertions, 35 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css
index 325303559..3de9a1ec9 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -113,7 +113,7 @@
/* conversation */
.thread-wrapper.toplevel_item {
- width: 92%;
+ width: 90%;
}
/* conv_item */
diff --git a/view/css/default.css b/view/css/default.css
index eeeb3d7cf..b5babbccd 100644
--- a/view/css/default.css
+++ b/view/css/default.css
@@ -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;
}
diff --git a/view/php/default.php b/view/php/default.php
index fd29ef3db..87b92161b 100644
--- a/view/php/default.php
+++ b/view/php/default.php
@@ -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>
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 47613c200..cdd77ae6b 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -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;
+}
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index e41fde2b8..7e957a4f4 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -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');},
diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl
index 41bc7dc10..1b35cdcae 100755
--- a/view/tpl/nav.tpl
+++ b/view/tpl/nav.tpl
@@ -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}}