userWidget: Pack vertically and align in the center

This commit is contained in:
Umang Jain 2019-12-05 20:00:06 +05:30
parent 4c288bd122
commit ca046cd29b
3 changed files with 16 additions and 14 deletions

View File

@ -1884,6 +1884,7 @@ StScrollBar {
.user-icon {
background-size: contain;
color: $osd_fg_color;
text-align: center;
border-radius: 99px;
&:hover {
color: lighten($osd_fg_color,30%);
@ -2010,14 +2011,10 @@ StScrollBar {
.login-dialog-username,
.user-widget-label {
color: $osd_fg_color;
font-size: 120%;
font-size: 11pt;
font-weight: bold;
text-align: left;
padding-left: 15px;
}
.user-widget-label {
&:ltr { padding-left: 14px; }
&:rtl { padding-right: 14px; }
text-align: center;
padding-top: 24px;
}
.login-dialog-prompt-layout {

View File

@ -445,7 +445,7 @@ var AuthPrompt = GObject.registerClass({
if (user) {
let userWidget = new UserWidget.UserWidget(user);
userWidget.x_align = Clutter.ActorAlign.START;
userWidget.x_align = Clutter.ActorAlign.CENTER;
this._userWell.set_child(userWidget);
}
}

View File

@ -7,7 +7,7 @@ const { Clutter, GLib, GObject, St } = imports.gi;
const Params = imports.misc.params;
var AVATAR_ICON_SIZE = 64;
var AVATAR_ICON_SIZE = 128;
// Adapted from gdm/gui/user-switch-applet/applet.c
//
@ -20,7 +20,8 @@ class Avatar extends St.Bin {
let themeContext = St.ThemeContext.get_for_stage(global.stage);
params = Params.parse(params, { reactive: false,
iconSize: AVATAR_ICON_SIZE,
styleClass: 'user-icon' });
styleClass: 'user-icon',
x_align: St.Align.MIDDLE, });
super._init({
style_class: params.styleClass,
@ -73,7 +74,9 @@ class Avatar extends St.Bin {
} else {
this.style = null;
this.child = new St.Icon({ icon_name: 'avatar-default-symbolic',
icon_size: this._iconSize });
icon_size: this._iconSize,
x_expand: true,
x_align: Clutter.ActorAlign.CENTER });
}
}
});
@ -86,11 +89,13 @@ class UserWidgetLabel extends St.Widget {
this._user = user;
this._realNameLabel = new St.Label({ style_class: 'user-widget-label',
y_align: Clutter.ActorAlign.CENTER });
x_expand: true,
x_align: Clutter.ActorAlign.CENTER });
this.add_child(this._realNameLabel);
this._userNameLabel = new St.Label({ style_class: 'user-widget-label',
y_align: Clutter.ActorAlign.CENTER });
x_expand: true,
x_align: Clutter.ActorAlign.CENTER });
this.add_child(this._userNameLabel);
this._currentLabel = null;
@ -160,7 +165,7 @@ class UserWidgetLabel extends St.Widget {
var UserWidget = GObject.registerClass(
class UserWidget extends St.BoxLayout {
_init(user) {
super._init({ style_class: 'user-widget', vertical: false });
super._init({ style_class: 'user-widget', vertical: true });
this._user = user;