[gnome-shell/gbsneto/new-lock-screen-part2: 40/46] unlockDialog: Add user name label below clock

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

commit 77daa8ad653fb97cdb6148fe5bf50e22fd5d5b94
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Fri Nov 29 18:46:10 2019 -0300

    unlockDialog: Add user name label below clock
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/872

 data/theme/gnome-shell-sass/_common.scss |  4 ++++
 js/ui/unlockDialog.js                    | 15 ++++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 1d115c7bcd..f1ec1bd525 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -2064,6 +2064,10 @@ $_unlockdialog_shadow: 0px 0px 6px rgba(0, 0, 0, 0.726);
   font-size: 16pt;
 }
 
+.unlock-dialog-user-name {
+  padding: 12px 0px;
+}
+
 .unlock-dialog-notifications-container {
   spacing: 6px;
   width: 30em;
diff --git a/js/ui/unlockDialog.js b/js/ui/unlockDialog.js
index 4104e855a4..52423dd8e0 100644
--- a/js/ui/unlockDialog.js
+++ b/js/ui/unlockDialog.js
@@ -421,7 +421,20 @@ var UnlockDialog = GObject.registerClass({
         this._promptBox = new St.BoxLayout({ vertical: true });
         stack.add_child(this._promptBox);
 
-        this._clock = new Clock();
+        // Clock
+        this._clock = new St.BoxLayout({ vertical: true });
+
+        let clock = new Clock();
+        this._clock.add_child(clock);
+
+        let nameLabel = new St.Label({
+            style_class: 'unlock-dialog-user-name',
+            text: this._user.get_real_name(),
+            x_expand: true,
+            x_align: Clutter.ActorAlign.CENTER,
+        });
+        this._clock.add_child(nameLabel);
+
         stack.add_child(this._clock);
         this._showClock();