loleaflet/src/control/Control.Scroll.js | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-)
New commits: commit 033c6268edd919dce2c014c3b05a60f0181be383 Author: Pranav Kant <pran...@collabora.co.uk> Date: Mon May 22 16:51:52 2017 +0530 loleaflet: Change opacity manually See inline comment Change-Id: I62456dd300eabaa156f9673fe13c190421c22ca0 (cherry picked from commit 62680fffdb2843ae8a82fa2d3b54e2256ef86d41) Reviewed-on: https://gerrit.libreoffice.org/37902 Reviewed-by: Jan Holesovsky <ke...@collabora.com> Tested-by: Jan Holesovsky <ke...@collabora.com> diff --git a/loleaflet/src/control/Control.Scroll.js b/loleaflet/src/control/Control.Scroll.js index 3bbb5c5c..03bdcb77 100644 --- a/loleaflet/src/control/Control.Scroll.js +++ b/loleaflet/src/control/Control.Scroll.js @@ -2,7 +2,7 @@ * L.Control.Scroll handles scrollbars */ -/* global $ */ +/* global $ clearTimeout setTimeout */ L.Control.Scroll = L.Control.extend({ onAdd: function (map) { @@ -25,6 +25,7 @@ L.Control.Scroll = L.Control.extend({ map.on('updaterowcolumnheaders', this._onUpdateRowColumnHeaders, this); var control = this; + var autoHideTimeout = null; $('.scroll-container').mCustomScrollbar({ axis: 'yx', theme: 'minimal-dark', @@ -33,9 +34,19 @@ L.Control.Scroll = L.Control.extend({ callbacks:{ onScroll: function() { control._onScrollEnd(this); + if (autoHideTimeout) + clearTimeout(autoHideTimeout); + autoHideTimeout = setTimeout(function() { + $('.mCS-autoHide > .mCustomScrollBox .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools').css({opacity: 0, 'filter': 'alpha(opacity=0)', '-ms-filter': 'alpha(opacity=0)'}); + }, 2000); }, whileScrolling: function() { control._onScroll(this); + + // autoHide feature doesn't work because plugin relies on hovering on scroll container + // and we have a mock scroll container whereas the actual user hovering happens only on + // real document. Change the CSS rules manually to simulate autoHide feature. + $('.mCS-autoHide > .mCustomScrollBox .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools').css({opacity: 1, 'filter': 'alpha(opacity=100)', '-ms-filter': 'alpha(opacity=100)'}); }, onUpdate: function() { console.debug('mCustomScrollbar: onUpdate:'); _______________________________________________ Libreoffice-commits mailing list libreoffice-comm...@lists.freedesktop.org https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits