[gnome-shell/gbsneto/folder-dialog-improvements: 14/18] appDisplay: Hide folder icon when dialog is open

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit ab85e4c5e6472d5158555cbb8e239cbd9e66e84f
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Thu Jun 4 23:24:20 2020 -0300

    appDisplay: Hide folder icon when dialog is open
    
    In such a way that gives the illusion of the icon becoming
    the dialog itself.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1301

 js/ui/appDisplay.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)
---
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index b9e110f8ee..599a029cce 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -1391,6 +1391,18 @@ var FolderIcon = GObject.registerClass({
                 this._parentView);
             this._parentView.addFolderDialog(this._dialog);
             this._dialog.connect('open-state-changed', (popup, isOpen) => {
+                const duration = FOLDER_DIALOG_ANIMATION_TIME / 2;
+                const mode = isOpen
+                    ? Clutter.AnimationMode.EASE_OUT_QUAD
+                    : Clutter.AnimationMode.EASE_IN_QUAD;
+
+                this.ease({
+                    opacity: isOpen ? 0 : 255,
+                    duration,
+                    mode,
+                    delay: isOpen ? 0 : FOLDER_DIALOG_ANIMATION_TIME - duration,
+                });
+
                 if (!isOpen)
                     this.checked = false;
             });