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

popupMenu/switch: Use icons for state indicators

Browse Source 
The indicators are currently part of the background image in the
high contrast theme. Using symbolic icons instead allows separating
the switch shapes from the high-contrast setting in the future.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3107>
This commit is contained in:
Florian Müllner
2024-01-10 19:45:59 +01:00
committed by Marge Bot
parent 3dec080324
commit 672ca4a1c5
8 changed files with 107 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
js/ui/popupMenu.js
View File

@ -340,11 +340,50 @@ export const Switch = GObject.registerClass({
_init(state) {
this._state = false;
const box = new St.BoxLayout({
x_expand: true,
y_expand: true,
});
super._init({
style_class: 'toggle-switch',
child: box,
accessible_role: Atk.Role.CHECK_BOX,
state,
});
this._onIcon = new St.Icon({
icon_name: 'switch-on-symbolic',
x_expand: true,
x_align: Clutter.ActorAlign.CENTER,
y_align: Clutter.ActorAlign.CENTER,
});
box.add_child(this._onIcon);
this._offIcon = new St.Icon({
icon_name: 'switch-off-symbolic',
x_expand: true,
x_align: Clutter.ActorAlign.CENTER,
y_align: Clutter.ActorAlign.CENTER,
});
box.add_child(this._offIcon);
St.Settings.get().connectObject('notify::high-contrast',
() => this._updateIconOpacity(),
this);
this.connect('notify::state',
() => this._updateIconOpacity());
this._updateIconOpacity();
}
_updateIconOpacity() {
const activeOpacity = St.Settings.get().high_contrast
? 255. : 0.;
this._onIcon.opacity = this.state
? activeOpacity : 0.;
this._offIcon.opacity = this.state
? 0. : activeOpacity;
}
get state() {