add fade-in to shortcut help overlay

diff --git a/prefs.js b/prefs.js
index 58d83f0523fe2f0d30d0ae4953954099afacc761..6889b7a6b1de7ad7a26b06e07f85ae48261d6edd 100644 (file)
--- a/prefs.js
+++ b/prefs.js
@@ -1754,7 +1754,8 @@ function pref_hotkey_handler(e) {
        
                        if (keycode == 191 && shift_key) { // ?
                                if (!Element.visible("hotkey_help_overlay")) {
-                                       Element.show("hotkey_help_overlay");
+                                       //Element.show("hotkey_help_overlay");
+                                       Effect.Appear("hotkey_help_overlay", {duration : 0.3});
                                } else {
                                        Element.hide("hotkey_help_overlay");
                                }

diff --git a/prefs.php b/prefs.php
index 01a731695620ffbe9571d6e09367b092aa7bbe29..288a5f2bede18eab700b716f096cc16729bd9971 100644 (file)
--- a/prefs.php
+++ b/prefs.php
@@ -110,7 +110,7 @@ window.onload = init;
                </div> -->
 
                <div class='prefKbdHelp'>
-                       <img src="images/small_question.png" alt="?"> <a href='#' onclick="Element.show('hotkey_help_overlay')">Keyboard shortcuts</a>
+                       <img src="images/small_question.png" alt="?"> <a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})">Keyboard shortcuts</a>
                </div>
 
                <div class="firstTab">&nbsp;</div>

diff --git a/tt-rss.js b/tt-rss.js
index f6d6032753737fc3dd26dfa5566f2282a84e6249..dd148b3d05f1de9488ffbd8cd3567d0412847918 100644 (file)
--- a/tt-rss.js
+++ b/tt-rss.js
@@ -530,7 +530,8 @@ function quickMenuGo(opid) {
                }
 
                if (opid == "qmcHKhelp") {
-                       Element.show("hotkey_help_overlay");
+                       //Element.show("hotkey_help_overlay");
+                       Effect.Appear("hotkey_help_overlay", {duration : 0.3});
                }
 
        } catch (e) {
@@ -973,7 +974,8 @@ function hotkey_handler(e) {
        
                        if (keycode == 191 && shift_key) { // ?
                                if (!Element.visible("hotkey_help_overlay")) {
-                                       Element.show("hotkey_help_overlay");
+                                       //Element.show("hotkey_help_overlay");
+                                       Effect.Appear("hotkey_help_overlay", {duration : 0.3});
                                } else {
                                        Element.hide("hotkey_help_overlay");
                                }