loginDialog: Add an :expanded pseudo class to the user list
We want to style user list items differently depending on whether the list is expanded or shrunk; instead of manually updating the items' style, we can just expose the :expanded style on the list itself and use that in the CSS. https://bugzilla.gnome.org/show_bug.cgi?id=658185
This commit is contained in:
@ -173,7 +173,7 @@ const UserListItem = new Lang.Class({
|
||||
},
|
||||
|
||||
syncStyleClasses: function() {
|
||||
if (this.actor.can_focus && global.stage.get_key_focus() == this.actor)
|
||||
if (global.stage.get_key_focus() == this.actor)
|
||||
this.actor.add_style_pseudo_class('focus');
|
||||
else
|
||||
this.actor.remove_style_pseudo_class('focus');
|
||||
@ -223,7 +223,8 @@ const UserList = new Lang.Class({
|
||||
Gtk.PolicyType.AUTOMATIC);
|
||||
|
||||
this._box = new St.BoxLayout({ vertical: true,
|
||||
style_class: 'login-dialog-user-list' });
|
||||
style_class: 'login-dialog-user-list',
|
||||
pseudo_class: 'expanded' });
|
||||
|
||||
this.actor.add_actor(this._box);
|
||||
this._items = {};
|
||||
@ -313,6 +314,7 @@ const UserList = new Lang.Class({
|
||||
});
|
||||
}
|
||||
|
||||
this._box.remove_style_pseudo_class('expanded');
|
||||
let batch = new Batch.ConsecutiveBatch(this,
|
||||
[function() {
|
||||
return GdmUtil.fadeOutActor(this.actor.vscroll);
|
||||
@ -368,6 +370,7 @@ const UserList = new Lang.Class({
|
||||
});
|
||||
}
|
||||
|
||||
this._box.add_style_pseudo_class('expanded');
|
||||
let batch = new Batch.ConsecutiveBatch(this,
|
||||
[function() {
|
||||
this.takeOverWhitespace();
|
||||
|
Reference in New Issue
Block a user