isa/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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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; }

4
js/gdm/authPrompt.js
View File

@ -132,14 +132,14 @@ var AuthPrompt = GObject.registerClass({
this.add_child(mainBox);
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,
reactive: true,
can_focus: true,
label: _("Cancel"),
x_expand: true,
x_align: Clutter.ActorAlign.START,
y_align: Clutter.ActorAlign.END,
child: new St.Icon({ icon_name: 'go-previous-symbolic' }),
});
this.cancelButton.connect('clicked', () => this.cancel());
mainBox.add_child(this.cancelButton);