vier mobile: prefixed transition in css, mobile-related javascript only on mobile

view/theme/vier/mobile.css

@@ -108,6 +108,9 @@ aside {
 	max-width: 400px;
 	width: 80%;
 	left: -100%;
+	-webkit-transition: left 0.5s;
+	-moz-transition: left 0.5s;
+	-o-transition: left 0.5s;
 	transition: left 0.5s;
 }
 

view/theme/vier/theme.php

@@ -87,19 +87,29 @@ function cmtBbClose(id) {
 	$("#comment-edit-bb-" + id).hide();
 }
 
-$(document).ready(function() {
-	$(".mobile-aside-toggle a").click(function(e){
-		e.preventDefault();
-		$("aside").toggleClass("show");
-	});
-	$(".tabs").click(function(e){
-		$(this).toggleClass("show");
-	});
-});
+
 
 </script>
 EOT;
 
+
+if ($a->is_mobile || $a->is_tablet){
+	$a->page['htmlhead'] .= <<< EOT
+<script>
+	$(document).ready(function() {
+		$(".mobile-aside-toggle a").click(function(e){
+			e.preventDefault();
+			$("aside").toggleClass("show");
+		});
+		$(".tabs").click(function(e){
+			$(this).toggleClass("show");
+		});
+	});
+</script>
+EOT;
+}
+
+
 	// Hide the left menu bar
 	if (($a->page['aside'] == "") AND in_array($a->argv[0], array("community", "events", "help", "manage", "notifications",
 									"probe", "webfinger", "login", "invite", "credits")))