From e5972e7b2db4663ee72db53bbc49c972aa3ae062 Mon Sep 17 00:00:00 2001
From: Steven H Johnson <shjohnson.pi@gmail.com>
Date: Thu, 14 Jul 2016 19:33:24 -0400
Subject: [PATCH] Fix mobileview not detecting mobile on webkit
---
static/javascript/mobileview.js | 20 +++++++++++++++++---
1 file changed, 17 insertions(+), 3 deletions(-)
diff --git a/static/javascript/mobileview.js b/static/javascript/mobileview.js
index ae4df4c..922b232 100644
--- a/static/javascript/mobileview.js
+++ b/static/javascript/mobileview.js
@@ -1,3 +1,17 @@
+function isSizeMobile(size) {
+ // webkit removes double quotes
+ if (size == '"mobile"' || size == 'mobile')
+ return true;
+ return false;
+}
+
+function isSizeWidescreen(size) {
+ // webkit removes double quotes
+ if (size == '"widescreen"' || size == 'widescreen')
+ return true;
+ return false;
+}
+
// Ensure entire page loads first.
$(document).ready(function() {
@@ -18,7 +32,7 @@ $(document).ready(function() {
size = window.getComputedStyle(document.body,':after').getPropertyValue('content');
displayType = size;
- if (size =='"mobile"') {
+ if (isSizeMobile(size)) {
OnScreenResizeToMobile();
}
@@ -35,11 +49,11 @@ $(document).ready(function() {
// As long as display type did not change (is still equal to size property),
// then do not do screen resize logic.
if (displayType != size) {
- if (size == '"mobile"') {
+ if (isSizeMobile(size)) {
OnScreenResizeToMobile();
displayType = size;
} else {
- if (size == '"widescreen"') {
+ if (isSizeWidescreen(size)) {
OnScreenResizeToDesktop();
displayType = size;
}
--
GitLab