From b4e59dd1441c532ae9e23dd35ef6e10f1b3a2f87 Mon Sep 17 00:00:00 2001 From: Zach Wise Date: Fri, 31 Aug 2012 17:24:04 -0500 Subject: [PATCH] Made content more responsive for touch and for skinny embeds. Content will fill the slider more and the next and back arrows will hide until you mouseover them when the width is 640 or below --- source/js/VMM.Timeline.License.js | 2 +- source/js/VMM.Timeline.js | 21 ++++++++++++++++----- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/source/js/VMM.Timeline.License.js b/source/js/VMM.Timeline.License.js index 6a55d6e..c102174 100644 --- a/source/js/VMM.Timeline.License.js +++ b/source/js/VMM.Timeline.License.js @@ -1,6 +1,6 @@ /*! TimelineJS - Version 2.11 + Version 2.12 Designed and built by Zach Wise at VéritéCo This Source Code Form is subject to the terms of the Mozilla Public diff --git a/source/js/VMM.Timeline.js b/source/js/VMM.Timeline.js index bd42fe5..366418e 100755 --- a/source/js/VMM.Timeline.js +++ b/source/js/VMM.Timeline.js @@ -143,7 +143,8 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') { content: { width: 720, height: 400, - padding: 130 + padding: 130, + padding_default:130 }, nav: { width: 100, @@ -548,12 +549,22 @@ if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') { config.nav.width = config.width; config.feature.width = config.width; + config.feature.height = config.height - config.nav.height - 3; + if (VMM.Browser.device == "mobile") { - //config.feature.height = config.height; - } else { - //config.feature.height = config.height - config.nav.height - 3; + /* + if (VMM.Browser.orientation == "portrait") { + config.feature.height = 480; + config.height = 480 + config.nav.height; + } else if(VMM.Browser.orientation == "landscape") { + config.feature.height = 320; + config.height = 320 + config.nav.height; + } else { + config.feature.height = config.height - config.nav.height - 3; + } + */ } - config.feature.height = config.height - config.nav.height - 3; + }; // BUILD DATE OBJECTS