diff --git a/js/Popup.js b/js/Popup.js
index 4bc6187..5d6550a 100644
--- a/js/Popup.js
+++ b/js/Popup.js
@@ -1,11 +1,11 @@
function showPopup(popup) {
- $(".popupMask").show();
- popup.show();
+ $("#popupMask").fadeIn(POPUP_SHOW_DURATION);
+ popup.fadeIn(POPUP_SHOW_DURATION);
keyboardShortcutsEnabled=false;
}
function hidePopup(popup) {
- $(".popupMask").hide();
- popup.hide();
+ $("#popupMask").fadeOut(POPUP_SHOW_DURATION);
+ popup.fadeOut(POPUP_SHOW_DURATION);
keyboardShortcutsEnabled=true;
}
\ No newline at end of file
diff --git a/js/buttonbehaviors.js b/js/buttonbehaviors.js
index eabc225..8b63f0f 100644
--- a/js/buttonbehaviors.js
+++ b/js/buttonbehaviors.js
@@ -42,7 +42,7 @@ function initButtonBehavior() {
btnSine = $(".btnSine");
btnAdd = $(".btnAdd");
btnToggleVertical = $(".btnToggleVertical");
- buttonGroupAdd = $(".buttonGroupAdd");
+ buttonGroupAdd = $("#buttonGroupAdd");
buttonGroupVertical = $(".buttonGroupVertical");
popupWordArt = $(".popupWordArt");
popupShape = $(".popupShape");
diff --git a/less/buttons.less b/less/buttons.less
index 09faaad..426773b 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -150,7 +150,7 @@
padding: 5% 5% 5% 5%;
}
-.buttonGroupAdd {
+#buttonGroupAdd {
display: none;
z-index: 1000;
margin-top: -60%;
diff --git a/www/index.html b/www/index.html
index 7622c3b..c4464d0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -35,7 +35,7 @@
-