From: fabrixxm <fabrix.xm@gmail.com>
Date: Thu, 12 Nov 2015 08:30:54 +0000 (+0100)
Subject: vier mobile: prefixed transition in css, mobile-related javascript only on mobile
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=c81f63a5b33fccd8c884a6ad62e92b01a4d90b32;p=friendica.git

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

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index 16e4419a2d..d06cb41011 100644
--- a/view/theme/vier/mobile.css
+++ b/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;
 }
 
diff --git a/view/theme/vier/theme.php b/view/theme/vier/theme.php
index 8bd4f5916d..87f41ae15b 100644
--- a/view/theme/vier/theme.php
+++ b/view/theme/vier/theme.php
@@ -87,18 +87,28 @@ 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",