janishutz/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

[AGS] Bar: Add tooltips

Browse Source
This commit is contained in:
Janis Hutz
2025-04-27 10:10:16 +02:00
parent d9777df0fb
commit 364b5cb0ef
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
config/astal/components/bar/modules/QuickView.tsx
View File

@@ -65,6 +65,7 @@ const NetworkWidget = () => {
return "";
}
})}
tooltipText={bind(network.wifi, 'ssid')}
cssClasses={["network-widget", "quick-view-symbol"]}
visible={bind(network.wifi, "state").as(
state => state === STATE.ACTIVATED,
@@ -100,20 +101,17 @@ const BluetoothWidget = () => {
{bind(bluetooth, "devices").as(devices => {
return devices.map(device => {
return (
<box visible={bind(device, "connected").as(c => c)}>
<image
iconName={bind(device, "icon").as(
icon => icon,
)}
></image>
<label
label={bind(device, "batteryPercentage").as(
n => {
return n + "%";
},
)}
></label>
</box>
<image
iconName={bind(device, "icon").as(
icon => icon,
)}
visible={bind(device, "connected")}
tooltipText={bind(device, "batteryPercentage").as(
n => {
return device.get_name() + ': ' + n + "%";
},
)}
></image>
);
});
})}
@@ -129,6 +127,7 @@ const BatteryWidget = () => {
<image
iconName={bind(battery, "iconName").as(icon => icon)}
cssClasses={["quick-view-symbol"]}
tooltipText={bind(battery, 'percentage').as(p => `${Math.round(p * 100)}%`)}
></image>
);
} else {
@@ -162,6 +161,7 @@ const Audio = () => {
icon => icon,
)}
cssClasses={["quick-view-symbol"]}
tooltipText={bind(wireplumber.defaultSpeaker, 'volume').as(v => Math.round(100 * v) + '%')}
></image>
<image
iconName={bind(
@@ -169,6 +169,7 @@ const Audio = () => {
"volumeIcon",
).as(icon => icon)}
cssClasses={["quick-view-symbol"]}
tooltipText={bind(wireplumber.defaultMicrophone, 'volume').as(v => Math.round(100 * v) + '%')}
></image>
</box>
);