nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

osds: volume mute colour and show on mute

Browse source
This commit is contained in:
2 * r + 2 * t 2025-01-15 23:59:33 +11:00
parent 338669214f
commit d2457db2c3
2 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
modules/osds.tsx
View file

@ -42,7 +42,7 @@ const SliderOsd = ({
fillIcons?: boolean;
monitor: Monitor;
type: keyof typeof config;
windowSetup: (self: Widget.Window, hideAfterTimeout: () => void) => void;
windowSetup: (self: Widget.Window, show: () => void) => void;
className?: string;
initValue: number;
drawAreaSetup: (self: Widget.DrawingArea, icon: Variable<string>) => void;
@ -60,7 +60,10 @@ const SliderOsd = ({
time = timeout(config[type].hideDelay, () => self.hide());
};
self.connect("show", hideAfterTimeout);
windowSetup(self, hideAfterTimeout);
windowSetup(self, () => {
self.show();
hideAfterTimeout();
});
}}
>
<box className={type}>
@ -75,6 +78,7 @@ const SliderOsd = ({
const icon = Variable("");
drawAreaSetup(self, icon);
self.hook(icon, () => self.queue_draw());
// Init size
const styleContext = self.get_style_context();
@ -123,7 +127,7 @@ const SliderOsd = ({
cr.arc(radius, height - radius, radius, halfPi, Math.PI); // Bottom left
cr.fill();
const fg = styleContext.get_color(Gtk.StateFlags.NORMAL);
const fg = pContext.get_background_color(Gtk.StateFlags.NORMAL);
cr.setAntialias(cairo.Antialias.BEST);
// Progress number, at top/right
@ -202,11 +206,9 @@ const Volume = ({ monitor, audio }: { monitor: Monitor; audio: AstalWp.Audio })
fillIcons
monitor={monitor}
type="volume"
windowSetup={(self, hideAfterTimeout) => {
self.hook(audio.defaultSpeaker, "notify::volume", () => {
self.show();
hideAfterTimeout();
});
windowSetup={(self, show) => {
self.hook(audio.defaultSpeaker, "notify::volume", show);
self.hook(audio.defaultSpeaker, "notify::mute", show);
}}
className={audio.defaultSpeaker.mute ? "mute" : ""}
initValue={audio.defaultSpeaker.volume}
@ -236,12 +238,7 @@ const Brightness = ({ monitor }: { monitor: Monitor }) => (
<SliderOsd
monitor={monitor}
type="brightness"
windowSetup={(self, hideAfterTimeout) => {
self.hook(monitor, "notify::brightness", () => {
self.show();
hideAfterTimeout();
});
}}
windowSetup={(self, show) => self.hook(monitor, "notify::brightness", show)}
initValue={monitor.brightness}
drawAreaSetup={(self, icon) => {
const update = () => {

5
scss/osds.scss
View file

@ -19,6 +19,9 @@
min-width: lib.s(300);
min-height: lib.s(32);
background-color: scheme.$teal;
color: scheme.$base;
}
}
.volume .inner.mute {
background-color: scheme.$overlay0;
}