[gnome-shell/gbsneto/folder-dialog-improvements: 28/30] appDisplay: Fade the dialog background

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

commit d7c8bce428e5d4e7261418f49e4be95b01fe9b2d
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Fri Jun 5 00:31:13 2020 -0300

    appDisplay: Fade the dialog background
    
    As a last step towards the better app grid, add a semi-transparent
    black background to the folder dialog.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1301

 js/ui/appDisplay.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
---
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index 02d9b115e5..bed4f38e1e 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -1620,6 +1620,11 @@ var AppFolderDialog = GObject.registerClass({
             opacity: 0,
         });
 
+        this.ease({
+            background_color: Clutter.Color.from_pixel(0x000000cc),
+            duration: FOLDER_DIALOG_ANIMATION_TIME,
+            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+        });
         this.child.ease({
             translation_x: 0,
             translation_y: 0,
@@ -1652,6 +1657,12 @@ var AppFolderDialog = GObject.registerClass({
         let [dialogX, dialogY] =
             this.child.get_transformed_position();
 
+        this.ease({
+            background_color: Clutter.Color.from_pixel(0x00000000),
+            duration: FOLDER_DIALOG_ANIMATION_TIME,
+            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+        });
+
         this.child.ease({
             translation_x: sourceX - dialogX,
             translation_y: sourceY - dialogY,