From b32f8f0ba792bcea4d837444d986e71172097926 Mon Sep 17 00:00:00 2001
From: marijus <mario@mariovavti.com>
Date: Thu, 13 Mar 2014 19:50:22 +0100
Subject: move region_1 to off instead of removing it and dont squelch region_2
 when region_1 moves in again

---
 view/theme/redbasic/css/style.css  | 22 ++++++++++++++++++----
 view/theme/redbasic/js/redbasic.js |  4 ++--
 2 files changed, 20 insertions(+), 6 deletions(-)

(limited to 'view/theme/redbasic')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 7cdc55644..d30aedd25 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -244,7 +244,7 @@ header #banner #logo-text {
 	height: 28px;
 	border-bottom: 1px solid #aaaaaa;
 	padding:0px;
-	width: 90%; 
+	width: 100%;
 }
 
 .tabs li { margin: 0px; list-style: none; }
@@ -262,8 +262,7 @@ ul.tabs {
 	margin-top: 0px;
 	margin-bottom: 0px;
 	list-style-type: none;
-	padding: 0px;
-	padding-right: 8px;
+
 }
 
 /* footer */
@@ -2309,9 +2308,24 @@ blockquote {
 	padding: 7px 10px;
 }
 
-@media (max-width:767px) {
+@media screen and (max-width: 767px) {
 	aside#region_1 {
 		background: rgba(0, 0, 0, .1);
 		border-right: 1px solid $nav_bd;
 	}
+
+	main {
+		-webkit-transition: all 0.25s ease-out;
+		-moz-transition: all 0.25s ease-out;
+		transition: all 0.25s ease-out;
+	}
+
+	main {
+		left: -227px;
+		width: calc( 100% + 227px );
+	}
+
+	main.region_1-on {
+		left: 0px;
+	}
 }
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 7e957a4f4..bec7c55c8 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -22,9 +22,9 @@ function cmtBbClose(comment, id) {
 
 $(document).ready(function() {
 
-$('[data-toggle=show_hide]').click(function() {
+$('[data-toggle=offcanvas]').click(function() {
 	$('#expand-aside-icon').toggleClass('icon-circle-arrow-right').toggleClass('icon-circle-arrow-left');
-	$('#region_1').toggleClass('hidden-xs');
+	$('main').toggleClass('region_1-on');
 });
 
 $('.group-edit-icon').hover(
-- 
cgit v1.2.3