[gnome-shell] panel: Bind style to corners' style

[Marge Bot <marge-bot src gnome org>]

commit 72505227b7c80f48286d75c5b11a061a943c1286
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Tue Mar 2 19:49:56 2021 -0300

    panel: Bind style to corners' style
    
    There's this little hack that we do to match the panel transition from
    transparent to black with leaving the overview via swipe down. The only
    problem is that, while the duration of the panel transition itself is
    matches, the corners don't, and they get out of sync.
    
    This isn't very noticeable with the swipe gesture, but it'll be much
    more prominent when booting straight into the overview.
    
    Bind the 'style' property of the panel to the corners', so that the
    transition duration hack applies to all of them.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1678>

 js/ui/panel.js | 2 ++
 1 file changed, 2 insertions(+)
---
diff --git a/js/ui/panel.js b/js/ui/panel.js
index ea29a9b48a..cfde06e284 100644
--- a/js/ui/panel.js
+++ b/js/ui/panel.js
@@ -756,9 +756,11 @@ class Panel extends St.Widget {
         this.add_child(this._rightBox);
 
         this._leftCorner = new PanelCorner(St.Side.LEFT);
+        this.bind_property('style', this._leftCorner, 'style', GObject.BindingFlags.SYNC_CREATE);
         this.add_child(this._leftCorner);
 
         this._rightCorner = new PanelCorner(St.Side.RIGHT);
+        this.bind_property('style', this._rightCorner, 'style', GObject.BindingFlags.SYNC_CREATE);
         this.add_child(this._rightCorner);
 
         Main.overview.connect('showing', () => {