diff --git a/static/javascript/mobileview.js b/static/javascript/mobileview.js index ae4df4c894f186d4c1c877dfdc121680a286675e..922b2320da3a3b2d3cacd2683e6311999eb27252 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; }