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:
Georges Basile Stavracas Neto 2019-10-12 21:12:45 -03:00
parent 6cd0c3f965
commit 5b6deff977
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1986,6 +1986,15 @@ StScrollBar {
}
}
}
.cancel-button {
padding: 0;
border-radius: 16px;
width: 32px;
height: 32px;
StIcon { icon-size: 16px; }
}
}
.login-dialog-logo-bin { padding: 24px 0px; }

12
js/gdm/authPrompt.js
View File

@ -112,11 +112,13 @@ var AuthPrompt = class {
});
this.actor.add_child(mainBox);
this.cancelButton = new St.Button({ style_class: 'modal-dialog-button button',
button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE,
reactive: true,
can_focus: true,
label: _("Cancel") });
this.cancelButton = new St.Button({
style_class: 'modal-dialog-button button cancel-button',
button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE,
reactive: true,
can_focus: true,
child: new St.Icon({ icon_name: 'go-previous-symbolic' }),
});
this.cancelButton.connect('clicked', () => this.cancel());
mainBox.add_child(this.cancelButton);