brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

authPrompt: Iconize the cancel button

Browse Source 
Replace the "Cancel" label in the cancel button
by an arrow icon, and adjust the theme to make
it circular.
This commit is contained in:
Umang Jain 2019-12-06 14:18:00 +05:30
parent 05719ce674
commit 468fde932a
2 changed files with 12 additions and 2 deletions
data/theme/gnome-shell-sass
_common.scss
js/gdm
authPrompt.js

10
data/theme/gnome-shell-sass/_common.scss

@ -1965,6 +1965,16 @@ StScrollBar {
} }
} }
} }
.cancel-button {
padding: 0;
border-radius: 16px;
width: 32px;
height: 32px;
border-color: transparentize($bg_color,0.7);
background-color: transparentize($bg_color,0.7);
StIcon { icon-size: 16px; }
}
} }
.login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-logo-bin { padding: 24px 0px; }

4
js/gdm/authPrompt.js

@ -132,14 +132,14 @@ var AuthPrompt = GObject.registerClass({
this.add_child(mainBox); this.add_child(mainBox);
this.cancelButton = new St.Button({ this.cancelButton = new St.Button({
style_class: 'modal-dialog-button button', style_class: 'modal-dialog-button button cancel-button',
button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE, button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE,
reactive: true, reactive: true,
can_focus: true, can_focus: true,
label: _("Cancel"),
x_expand: true, x_expand: true,
x_align: Clutter.ActorAlign.START, x_align: Clutter.ActorAlign.START,
y_align: Clutter.ActorAlign.END, y_align: Clutter.ActorAlign.END,
child: new St.Icon({ icon_name: 'go-previous-symbolic' }),
}); });
this.cancelButton.connect('clicked', () => this.cancel()); this.cancelButton.connect('clicked', () => this.cancel());
mainBox.add_child(this.cancelButton); mainBox.add_child(this.cancelButton);