diff --git a/source/js/VMM.Timeline.TimeNav.js b/source/js/VMM.Timeline.TimeNav.js index 36afde4..a132a66 100644 --- a/source/js/VMM.Timeline.TimeNav.js +++ b/source/js/VMM.Timeline.TimeNav.js @@ -1256,7 +1256,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin $timenavline = VMM.appendAndGetElement($timebackground, "
", "timenav-line"); $timenavindicator = VMM.appendAndGetElement($timebackground, "
", "timenav-indicator"); $timeintervalbackground = VMM.appendAndGetElement($timebackground, "
", "timenav-interval-background", "
"); - $toolbar = VMM.appendAndGetElement(layout, "
", "toolbar"); + $toolbar = VMM.appendAndGetElement(layout, "
", "vco-toolbar"); buildInterval(); @@ -1273,25 +1273,31 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin if (config.start_page) { $backhome = VMM.appendAndGetElement($toolbar, "
", "back-home", "
"); VMM.bindEvent(".back-home", onBackHome, "click"); - VMM.Lib.css($toolbar, "top", 27); VMM.Lib.attribute($backhome, "title", VMM.master_config.language.messages.return_to_title); VMM.Lib.attribute($backhome, "rel", "tooltip"); } - $zoomin = VMM.appendAndGetElement($toolbar, "
", "zoom-in", "
"); - $zoomout = VMM.appendAndGetElement($toolbar, "
", "zoom-out", "
"); // MAKE TIMELINE DRAGGABLE/TOUCHABLE $dragslide = new VMM.DragSlider; $dragslide.createPanel(layout, $timenav, config.nav.constraint, config.touch); - // ZOOM EVENTS - VMM.bindEvent($zoomin, onZoomIn, "click"); - VMM.bindEvent($zoomout, onZoomOut, "click"); - if (!config.touch) { - + + if (config.touch && config.start_page) { + VMM.Lib.addClass($toolbar, "touch"); + VMM.Lib.css($toolbar, "top", 55); + VMM.Lib.css($toolbar, "left", 10); + } else { + if (config.start_page) { + VMM.Lib.css($toolbar, "top", 27); + } + $zoomin = VMM.appendAndGetElement($toolbar, "
", "zoom-in", "
"); + $zoomout = VMM.appendAndGetElement($toolbar, "
", "zoom-out", "
"); + // ZOOM EVENTS + VMM.bindEvent($zoomin, onZoomIn, "click"); + VMM.bindEvent($zoomout, onZoomOut, "click"); // TOOLTIP VMM.Lib.attribute($zoomin, "title", VMM.master_config.language.messages.expand_timeline); VMM.Lib.attribute($zoomin, "rel", "tooltip"); @@ -1299,6 +1305,7 @@ if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefin VMM.Lib.attribute($zoomout, "rel", "tooltip"); $toolbar.tooltip({selector: "div[rel=tooltip]", placement: "right"}); + // MOUSE EVENTS VMM.bindEvent(layout, onMouseScroll, 'DOMMouseScroll'); VMM.bindEvent(layout, onMouseScroll, 'mousewheel');