From e8da840eec218acab2e9d26ee33915679ac88b5c Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 13:36:49 +0100 Subject: remove aside on navbar collapse and add button to toggle visibility --- view/css/conversation.css | 2 +- view/css/default.css | 24 ++++++++++------------ view/php/default.php | 41 +++++++++++++++++++------------------- view/theme/redbasic/css/style.css | 7 ++++++- view/theme/redbasic/js/redbasic.js | 5 +++++ view/tpl/nav.tpl | 5 +++++ 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 @@ - - - - <?php if(x($page,'title')) echo $page['title'] ?> - - - - -
- - -
- -
-
- - - - - + + + + <?php if(x($page,'title')) echo $page['title'] ?> + + + + +
+ +
+ +
+ +
+
+ +
+ + + 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 @@ + {{if $localuser}} + + {{/if}} {{if $userinfo}} {{$userinfo.name}} {{if $localuser}} -- cgit v1.2.3 From 21db60c991a5cf9191fb00d5f5f3eb29bff7564c Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 13:46:45 +0100 Subject: might be needed by not local users aswell --- view/tpl/nav.tpl | 2 -- 1 file changed, 2 deletions(-) diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl index 1b35cdcae..a41bd9659 100755 --- a/view/tpl/nav.tpl +++ b/view/tpl/nav.tpl @@ -5,11 +5,9 @@ - {{if $localuser}} - {{/if}} {{if $userinfo}} {{$userinfo.name}} {{if $localuser}} -- cgit v1.2.3 From 55d66cc2fb68e2dc3f1809e573ec9404772dc00c Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 19:58:20 +0100 Subject: probably should indicate the appearence of aside visualy somehow --- view/css/default.css | 8 +++----- view/theme/redbasic/css/style.css | 7 +++++++ 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/view/css/default.css b/view/css/default.css index b5babbccd..b4b52efb8 100644 --- a/view/css/default.css +++ b/view/css/default.css @@ -6,15 +6,11 @@ header #banner { margin-right: auto; } -main { - padding: 55px 0px 200px 0px; - border-spacing: 10px; -} - aside#region_1 { min-width: 210px; display: table-cell; vertical-align: top; + padding: 65px 10px 10px 10px; } aside input[type='text'] { @@ -22,6 +18,8 @@ aside input[type='text'] { } section { + padding-top: 65px; + padding-left: 10px; width: 100%; display: table-cell; vertical-align: top; diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index cdd77ae6b..8a5f920b0 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -2287,3 +2287,10 @@ blockquote { color: $nav_active_icon_colour; padding: 7px 10px; } + +@media screen and (max-width:767px) { + aside#region_1 { + background-color: $nav_bg; + border-right: 1px solid $nav_bd; + } +} -- cgit v1.2.3 From f85346673f7401540430f90d7eca3d1c38d09ead Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 20:12:23 +0100 Subject: thats better --- view/theme/redbasic/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 8a5f920b0..19e82b057 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -2290,7 +2290,7 @@ blockquote { @media screen and (max-width:767px) { aside#region_1 { - background-color: $nav_bg; + background: rgba(0, 0, 0, .1); border-right: 1px solid $nav_bd; } } -- cgit v1.2.3 From 8b315ac22fc962294df1a9bb808e6dd937fe4a52 Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 21:14:17 +0100 Subject: fix --- view/css/default.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/view/css/default.css b/view/css/default.css index b4b52efb8..886b6ea0e 100644 --- a/view/css/default.css +++ b/view/css/default.css @@ -18,8 +18,7 @@ aside input[type='text'] { } section { - padding-top: 65px; - padding-left: 10px; + padding: 65px 0px 200px 10px width: 100%; display: table-cell; vertical-align: top; -- cgit v1.2.3 From ce136a1e3b6007a8efeae9914981c54830ec680c Mon Sep 17 00:00:00 2001 From: marijus Date: Fri, 7 Mar 2014 21:17:29 +0100 Subject: fix of fix --- view/css/default.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/css/default.css b/view/css/default.css index 886b6ea0e..779b1cb13 100644 --- a/view/css/default.css +++ b/view/css/default.css @@ -18,8 +18,8 @@ aside input[type='text'] { } section { - padding: 65px 0px 200px 10px width: 100%; display: table-cell; vertical-align: top; + padding: 65px 0px 200px 10px; } -- cgit v1.2.3