diff --git a/data/theme/gnome-shell-sass/widgets/_screenshot.scss b/data/theme/gnome-shell-sass/widgets/_screenshot.scss index 0a626aa2e..0abc0f85c 100644 --- a/data/theme/gnome-shell-sass/widgets/_screenshot.scss +++ b/data/theme/gnome-shell-sass/widgets/_screenshot.scss @@ -113,6 +113,14 @@ border: 6px transparent; } +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 99px; + border-width: 12px; + icon-size: 24px; +} + .screenshot-ui-window-selector-window { &:hover { .screenshot-ui-window-selector-window-border { @@ -124,6 +132,11 @@ border-color: $selected_bg_color; background-color: transparentize($selected_bg_color, 0.8); } + + .screenshot-ui-window-selector-check { + color: white; + background-color: $selected_bg_color; + } } } diff --git a/js/ui/screenshot.js b/js/ui/screenshot.js index dbb993e74..afb3277a2 100644 --- a/js/ui/screenshot.js +++ b/js/ui/screenshot.js @@ -719,6 +719,13 @@ class UIWindowSelectorWindow extends St.Button { }); this.add_child(this._border); + this._border.child = new St.Icon({ + icon_name: 'object-select-symbolic', + style_class: 'screenshot-ui-window-selector-check', + x_align: Clutter.ActorAlign.CENTER, + y_align: Clutter.ActorAlign.CENTER, + }); + this.connect('destroy', this._onDestroy.bind(this)); }