diff --git a/ui (gen4)/css/layout.less b/ui (gen4)/css/layout.less index 22e9a13c..2ab13d2d 100755 --- a/ui (gen4)/css/layout.less +++ b/ui (gen4)/css/layout.less @@ -1555,7 +1555,12 @@ progress:not(value)::-webkit-progress-bar { background-color: transparent; } .single-image-mode.viewer .current-marker { - display: none; + /* NOTE: !important here fixes the jQuery habit of explicitly + setting display on .show(..)/.hide(..)/.fadeIn(..)/... + ...if this proves to be a problem, use visibility instead + of !important... + */ + display: none !important; } .single-image-mode.viewer .image { background-color: transparent; diff --git a/ui (gen4)/features/ui-chrome.js b/ui (gen4)/features/ui-chrome.js index e2967a57..96a2e03d 100755 --- a/ui (gen4)/features/ui-chrome.js +++ b/ui (gen4)/features/ui-chrome.js @@ -328,7 +328,10 @@ module.CurrentImageIndicator = core.ImageGridFeatures.Feature({ var ribbons = this.ribbons var fadein = this.config['current-image-indicator-fadein'] this._current_image_indicator_timeout = setTimeout(function(){ - ribbons.viewer.find('.current-marker').fadeIn(fadein) + var m = ribbons.viewer.find('.current-marker') + .fadeIn(fadein, function(){ + m.css({display: ''}) + }) }, this.config['current-image-shift-timeout']) } }],