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

screenshot-ui: Add close button

Browse Source 
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1954>
This commit is contained in:
Ivan Molodetskikh 2022-01-23 13:53:35 +03:00 committed by Marge Bot
parent 3b4fe9af31
commit df0cd3457f
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
data/theme/gnome-shell-sass/widgets/_screenshot.scss
View File

@ -7,3 +7,19 @@
margin-bottom: $base_margin * 8;
spacing: $base_padding * 2;
}
.screenshot-ui-close-button {
background-color: $osd_bg_color;
border-radius: 99px;
width: 64px;
height: 64px;
margin: 64px;
&:hover, &:focus { background-color: $hover_bg_color; }
&:active { background-color: $active_bg_color; }
&:checked { background-color: darken($osd_bg_color, 5%); }
StIcon {
icon-size: $base_icon_size * 2;
}
}

11
js/ui/screenshot.js
View File

@ -53,6 +53,17 @@ class ScreenshotUI extends St.Widget {
});
this._primaryMonitorBin.add_child(this._panel);
this._closeButton = new St.Button({
style_class: 'screenshot-ui-close-button',
x_align: Clutter.ActorAlign.END,
y_align: Clutter.ActorAlign.START,
x_expand: true,
y_expand: true,
});
this._closeButton.set_child(new St.Icon({ icon_name: 'window-close-symbolic' }));
this._closeButton.connect('clicked', () => this.close());
this._primaryMonitorBin.add_child(this._closeButton);
Main.layoutManager.connect('monitors-changed', () => {
// Nope, not dealing with monitor changes.
this.close(true);